/* ==========================================================================
   DIDIM UNMANNED BILLIARDS — DESIGN TOKENS
   Editorial Stone & Deep Tournament Cloth (Zero-Gradient, Architectural Grid)
   ========================================================================== */

:root,
[data-theme="editorial"] {
  /* Surfaces */
  --bg-page: #F6F5F1;
  --bg-surface: #FFFFFF;
  --bg-subtle: #EFECE6;
  --bg-band: #141618;
  --bg-band-elevated: #1C1F22;
  --bg-header: rgba(246, 245, 241, 0.92);

  /* Typography */
  --ink-primary: #131517;
  --ink-secondary: #4D5156;
  --ink-muted: #7C8187;
  --ink-on-band: #F3F2EE;
  --ink-on-band-muted: #9DA3AB;

  /* Architectural Hairlines */
  --line-hair: #DDDAD2;
  --line-mid: #C5C1B7;
  --line-strong: #131517;
  --line-on-band: #2B2F35;

  /* Restrained Brand Accents */
  --accent-forest: #184A38;
  --accent-forest-hover: #12382A;
  --accent-forest-soft: rgba(24, 74, 56, 0.08);
  --accent-bronze: #7A5F36;
  --accent-bronze-soft: rgba(122, 95, 54, 0.09);
  --status-alert: #9E2A2B;

  /* Schematic Diagram Ink */
  --diagram-bg: #FAF9F6;
  --diagram-box: #FFFFFF;
  --diagram-stroke: #C8C4BA;
  --diagram-active: #184A38;
}

[data-theme="architectural"] {
  /* Surfaces */
  --bg-page: #111315;
  --bg-surface: #171A1D;
  --bg-subtle: #1D2125;
  --bg-band: #0B0D0E;
  --bg-band-elevated: #14171A;
  --bg-header: rgba(17, 19, 21, 0.92);

  /* Typography */
  --ink-primary: #F1F0EC;
  --ink-secondary: #A9AFB7;
  --ink-muted: #70767F;
  --ink-on-band: #F3F2EE;
  --ink-on-band-muted: #9DA3AB;

  /* Architectural Hairlines */
  --line-hair: #262A30;
  --line-mid: #363B42;
  --line-strong: #E6E4DD;
  --line-on-band: #23272C;

  /* Restrained Brand Accents */
  --accent-forest: #2D6A4F;
  --accent-forest-hover: #377D5E;
  --accent-forest-soft: rgba(45, 106, 79, 0.16);
  --accent-bronze: #C6A978;
  --accent-bronze-soft: rgba(198, 169, 120, 0.14);
  --status-alert: #E06C65;

  /* Schematic Diagram Ink */
  --diagram-bg: #14171A;
  --diagram-box: #1B1F23;
  --diagram-stroke: #31363D;
  --diagram-active: #40916C;
}

:root {
  /* Font Stacks */
  --font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
    system-ui, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  /* Layout Rhythm */
  --container-max: 1240px;
  --gutter: clamp(20px, 4vw, 48px);
  --section-y: clamp(64px, 8vw, 116px);

  /* Sharp Architectural Corners */
  --radius-sharp: 2px;
  --radius-subtle: 4px;
}