/* BACKGROUND tokens · v1.1 · shared by public / member / admin skins */
:root {
  --bg-font:'Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',sans-serif;
  --bg-ink:#171717; --bg-paper:#fff; --bg-canvas:#f7f7f5; --bg-soft:#f0f0ec;
  /* Public pages are white; grey is reserved for supporting information. */
  --bg-surface-page:var(--bg-paper); --bg-surface-content:var(--bg-paper); --bg-surface-support:var(--bg-canvas);
  --bg-text:#171717; --bg-secondary:#64645e; --bg-border:#deded8; --bg-input:#8b8b82;
  --bg-focus:#2457d6; --bg-error:#b42318; --bg-success:#176b45;
  --bg-inverse-surface:#24272b; --bg-inverse-text:#f5f6f7; --bg-inverse-muted:#bcc2c9;
  --bg-inverse-border:#626a74; --bg-inverse-hover:#343a41; --bg-inverse-focus:#9cbcff;
  /* Geometry roles: keep shape stable across size, viewport and interaction states. */
  --bg-radius-none:0;
  --bg-radius-detail:4px;
  --bg-radius-control:8px;
  --bg-radius-surface:12px;
  --bg-radius-overlay:16px;
  --bg-radius-pill:9999px;
  --bg-radius-circle:50%;
  /* Compatibility aliases for existing skins; new components use role tokens. */
  --bg-radius:var(--bg-radius-control); --bg-card-radius:var(--bg-radius-surface);
  --bg-control-sm:40px; --bg-control-md:48px; --bg-control-lg:56px;
  --bg-space-1:4px; --bg-space-2:8px; --bg-space-3:12px; --bg-space-4:16px;
  --bg-space-5:20px; --bg-space-6:24px; --bg-space-8:32px; --bg-space-12:48px;
  --bg-shadow-popover:0 12px 40px #17171714,0 2px 6px #1717170a;
  --bg-motion-fast:140ms; --bg-motion-normal:220ms; --bg-ease:cubic-bezier(.2,.8,.2,1);
  --bg-type-caption:12px;--bg-type-small:14px;--bg-type-body:16px;--bg-type-heading:28px;--bg-type-display:48px;
  --bg-leading-body:1.65;--bg-leading-heading:1.3;--bg-weight-normal:400;--bg-weight-medium:500;--bg-weight-strong:650;
  --bg-media-photo-ratio:3 / 2;--bg-media-video-ratio:16 / 9;
  --bg-content-width:1200px;--bg-reading-width:680px;--bg-writing-width:var(--bg-content-width);--bg-page-gutter:20px;
  --bg-layer-navigation:20;--bg-layer-backdrop:9998;--bg-layer-dialog:9999;--bg-layer-notification:10010;
}