:root,
html[data-theme="dark"] {
  color-scheme: dark;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --font-mono: "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;

  --bg-0: #0d0908;
  --bg-1: #14100e;
  --bg-2: #1b1512;
  --bg-3: #251c18;
  --surface-0: rgba(28, 21, 18, 0.84);
  --surface-1: rgba(35, 27, 23, 0.94);
  --surface-2: #2b211d;
  --surface-3: #382b25;
  --surface-glass: rgba(24, 18, 16, 0.72);
  --surface-elevated: linear-gradient(180deg, rgba(55, 40, 32, 0.92), rgba(29, 22, 19, 0.98));

  --text: #f6eee4;
  --text-soft: #d6c4b4;
  --text-muted: #a28f7f;
  --text-faint: #7f6b5e;

  --line: rgba(231, 216, 198, 0.09);
  --line-strong: rgba(231, 216, 198, 0.16);
  --line-accent: rgba(197, 162, 96, 0.28);

  --accent: #c5a260;
  --accent-strong: #e0bc7a;
  --accent-soft: rgba(197, 162, 96, 0.14);
  --accent-glow: rgba(224, 188, 122, 0.18);
  --accent-rose: #7a3138;
  --accent-rose-soft: rgba(122, 49, 56, 0.18);
  --accent-bronze: #a67047;
  --accent-bronze-soft: rgba(166, 112, 71, 0.18);
  --accent-ivory: #f3ebdf;

  --ok: #7ea27f;
  --info: #8397b4;
  --warning: #be8d55;
  --danger: #b4635d;

  --shadow-1: 0 14px 34px rgba(0, 0, 0, 0.22);
  --shadow-2: 0 24px 72px rgba(0, 0, 0, 0.34);
  --shadow-3: 0 34px 120px rgba(0, 0, 0, 0.42);
  --glow-gold: 0 0 0 1px rgba(197, 162, 96, 0.08), 0 14px 42px rgba(173, 126, 67, 0.16);
  --glow-wine: 0 0 0 1px rgba(122, 49, 56, 0.12), 0 18px 48px rgba(122, 49, 56, 0.18);

  --radius-sm: 14px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 80px;

  --display-hero: clamp(2.8rem, 6vw, 5.4rem);
  --display-page: clamp(2rem, 3.8vw, 3.6rem);
  --title-1: clamp(1.5rem, 2.8vw, 2.4rem);
  --title-2: clamp(1.25rem, 2vw, 1.75rem);
  --text-body: 0.98rem;
  --text-small: 0.86rem;
  --text-micro: 0.75rem;

  --motion-fast: 160ms;
  --motion-base: 260ms;
  --motion-slow: 520ms;
  --ease-standard: cubic-bezier(.2, .8, .2, 1);
  --ease-snappy: cubic-bezier(.22, 1, .36, 1);

  --topbar-h: 84px;
  --sidebar-w: 308px;
  --content-max: 1460px;
}

html[data-theme="light"] {
  color-scheme: light;
  --bg-0: #fbf7f0;
  --bg-1: #f6efe5;
  --bg-2: #efe4d7;
  --bg-3: #e5d5c4;
  --surface-0: rgba(255, 252, 247, 0.94);
  --surface-1: rgba(255, 249, 242, 0.98);
  --surface-2: #fffaf3;
  --surface-3: #f7eee1;
  --surface-glass: rgba(255, 251, 246, 0.88);
  --surface-elevated: linear-gradient(180deg, rgba(255, 252, 248, 0.98), rgba(248, 239, 229, 0.98));

  --text: #261913;
  --text-soft: #574236;
  --text-muted: #7b6658;
  --text-faint: #9a8373;

  --line: rgba(62, 38, 24, 0.09);
  --line-strong: rgba(62, 38, 24, 0.16);
  --line-accent: rgba(151, 104, 54, 0.26);

  --accent: #9d6a35;
  --accent-strong: #b97f44;
  --accent-soft: rgba(157, 106, 53, 0.11);
  --accent-glow: rgba(185, 127, 68, 0.14);
  --accent-rose: #8b4950;
  --accent-rose-soft: rgba(139, 73, 80, 0.12);
  --accent-bronze: #9f6b3f;
  --accent-bronze-soft: rgba(159, 107, 63, 0.12);
  --accent-ivory: #fffdfa;

  --ok: #5b8c6a;
  --info: #58779e;
  --warning: #9f7234;
  --danger: #a45853;

  --shadow-1: 0 12px 30px rgba(90, 53, 26, 0.08);
  --shadow-2: 0 22px 54px rgba(90, 53, 26, 0.12);
  --shadow-3: 0 30px 92px rgba(90, 53, 26, 0.16);
  --glow-gold: 0 0 0 1px rgba(157, 106, 53, 0.08), 0 12px 34px rgba(185, 127, 68, 0.1);
  --glow-wine: 0 0 0 1px rgba(139, 73, 80, 0.08), 0 14px 36px rgba(139, 73, 80, 0.08);
}