:root {
  color-scheme: light dark;
  --red: #C8202F;
  --red-deep: #9C1925;
  --red-soft: rgba(200, 32, 47, 0.12);
  --gold: #E4B363;
  --gold-light: #F2DBB4;
  --gold-ink: #755C35;
  --gold-on-ink: #E8C08A;
  --primary-ink: #BE1E2D;
  --on-red: #FFFFFF;

  --band-ink: #0B0B0F;
  --band-ink-2: #101015;
  --band-ink-3: #17171D;
  --band-paper: #F3F1EC;
  --band-paper-2: #E8E6DF;
  --band-paper-3: #FAF9F5;

  --on-ink: #FAF9F6;
  --on-ink-dim: #A8A39B;
  --on-ink-faint: #8A857E;
  --on-paper: #1F1F1F;
  --on-paper-dim: #5C5750;

  --paper: #F3F1EC;
  --paper-2: #E8E6DF;
  --surface: #FAF9F5;
  --ink: #0B0B0F;
  --ink-2: #17171D;
  --text: #1F1F1F;
  --text-dim: #5C5750;
  --text-inv: #FAF9F6;
  --text-inv-dim: #A8A39B;
  --line: rgba(15, 15, 16, 0.14);
  --line-soft: rgba(15, 15, 16, 0.08);
  --line-inv: rgba(228, 179, 99, 0.24);
  --line-inv-soft: rgba(250, 249, 246, 0.12);

  --font-display: "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", "SimSun", serif;
  --font-brush: "KaiTi", "STKaiti", "Kaiti SC", serif;
  --font-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Noto Sans SC", "Microsoft YaHei UI", system-ui, sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  --fs-eyebrow: 0.75rem;
  --fs-small: 0.875rem;
  --fs-body: 1rem;
  --fs-lede: 1.125rem;
  --fs-h3: 1.125rem;
  --fs-h2: clamp(1.5rem, 1.1rem + 2vw, 2.5rem);
  --fs-h1: clamp(2.4rem, 1.2rem + 5vw, 4.75rem);

  --lh-tight: 1.26;
  --lh-display: 1.12;
  --lh-body: 1.78;
  --ls-han: 0.02em;
  --ls-eyebrow: 0.28em;

  --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, 56px);

  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-pill: 999px;

  --sh-1: 0 1px 2px rgba(20, 16, 14, 0.06), 0 8px 22px -10px rgba(20, 16, 14, 0.14);
  --sh-2: 0 2px 6px rgba(20, 16, 14, 0.06), 0 26px 54px -26px rgba(20, 16, 14, 0.26);
  --sh-ink: 0 2px 8px rgba(0, 0, 0, 0.4), 0 30px 70px -30px rgba(0, 0, 0, 0.75);
  --sh-gold: 0 0 0 1px rgba(228, 179, 99, 0.45), 0 18px 40px -20px rgba(228, 179, 99, 0.4);

  --grad-ink: linear-gradient(168deg, #14141A 0%, #0B0B0F 52%, #06060A 100%);
  --grad-veil: linear-gradient(to top, rgba(6, 6, 10, 0.94) 0%, rgba(6, 6, 10, 0.62) 38%, rgba(6, 6, 10, 0.12) 72%, rgba(6, 6, 10, 0.28) 100%);
  --grad-day: radial-gradient(56% 62% at 78% 18%, rgba(200, 32, 47, 0.34) 0%, rgba(200, 32, 47, 0.08) 46%, transparent 74%);
  --tex-paper: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 140ms;
  --dur-base: 260ms;
  --dur-slow: 520ms;
  --z-nav: 100;
  --z-drawer: 120;
  --z-top: 90;
}

:root[data-theme="light"] {
  color-scheme: light;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #0B0B0F;
  --paper-2: #17171D;
  --surface: #101015;
  --text: #FAF9F6;
  --text-dim: #A8A39B;
  --line: rgba(228, 179, 99, 0.2);
  --line-soft: rgba(250, 249, 246, 0.1);
}

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