:root {
  color-scheme: light dark;
  --red: #E8467C;
  --red-deep: #b53761;
  --primary-ink: #ae355d;
  --primary-on-dark: #eb6290;
  --gold: #F2B72E;
  --gold-deep: #a77f27;
  --gold-light: #f9dc9b;
  --gold-ink: #7d5f1d;
  --paper: #FBF7F4;
  --paper-2: #efeae5;
  --surface: #fffdfb;
  --ink: #14121A;
  --ink-2: #1d1b24;
  --text: #242229;
  --text-dim: #6B6472;
  --text-inv: #fdfbfa;
  --text-inv-dim: #9d9a9c;
  --line: rgba(20, 18, 26, 0.13);
  --line-strong: rgba(20, 18, 26, 0.26);
  --line-inv: rgba(242, 183, 46, 0.2);
  --font-display: "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", "SimSun", serif;
  --font-body: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei UI", "Noto Sans SC", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --fs-12: 0.75rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-19: 1.1875rem;
  --fs-28: clamp(1.5rem, 1.3rem + 1vw, 1.75rem);
  --fs-52: clamp(1.9rem, 1.4rem + 2.6vw, 3.25rem);
  --fs-86: clamp(2.4rem, 1.5rem + 4.8vw, 5.375rem);
  --lh-tight: 1.26;
  --lh-display: 1.12;
  --lh-body: 1.78;
  --ls-han: 0.02em;
  --ls-eyebrow: 0.26em;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: clamp(56px, 7vw, 96px);
  --grid-max: 1240px;
  --gutter: clamp(18px, 4vw, 48px);
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 26px;
  --r-pill: 999px;
  --sh-1: 0 1px 2px rgba(20, 16, 14, 0.05), 0 6px 18px -10px rgba(20, 16, 14, 0.14);
  --sh-2: 0 2px 6px rgba(20, 16, 14, 0.05), 0 22px 48px -26px rgba(20, 16, 14, 0.24);
  --sh-gold: 0 0 0 1px rgba(242, 183, 46, 0.45), 0 18px 40px -22px rgba(242, 183, 46, 0.4);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 150ms;
  --dur-base: 260ms;
  --dur-slow: 520ms;
  --z-sticky: 90;
  --z-menu: 120;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #14121A;
  --paper-2: #1b1922;
  --surface: #201d29;
  --ink: #0d0c12;
  --ink-2: #14121A;
  --text: #f6f2ee;
  --text-dim: #a8a2ae;
  --line: rgba(242, 183, 46, 0.18);
  --line-strong: rgba(242, 183, 46, 0.34);
  --gold-ink: #F2B72E;
  --primary-ink: #eb6290;
  --sh-1: 0 1px 2px rgba(0, 0, 0, 0.5), 0 8px 22px -12px rgba(0, 0, 0, 0.7);
  --sh-2: 0 2px 8px rgba(0, 0, 0, 0.5), 0 24px 52px -26px rgba(0, 0, 0, 0.8);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #14121A;
    --paper-2: #1b1922;
    --surface: #201d29;
    --ink: #0d0c12;
    --ink-2: #14121A;
    --text: #f6f2ee;
    --text-dim: #a8a2ae;
    --line: rgba(242, 183, 46, 0.18);
    --line-strong: rgba(242, 183, 46, 0.34);
    --gold-ink: #F2B72E;
    --primary-ink: #eb6290;
    --sh-1: 0 1px 2px rgba(0, 0, 0, 0.5), 0 8px 22px -12px rgba(0, 0, 0, 0.7);
    --sh-2: 0 2px 8px rgba(0, 0, 0, 0.5), 0 24px 52px -26px rgba(0, 0, 0, 0.8);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 1ms;
    --dur-base: 1ms;
    --dur-slow: 1ms;
  }
}
