/* Design tokens — Interstellar cinematic system */

:root {
  /* Palette */
  --void: #05060a;
  --ink: #0c0f18;
  --mist: #c8d0e0;
  --ghost: #7a8499;
  --ice: #8eb6d9;
  --ember: #d4a574;
  --flare: #e8f0ff;

  /* Derived */
  --void-soft: #080a12;
  --ink-elevated: #121722;
  --ice-dim: rgba(142, 182, 217, 0.14);
  --ice-glow: rgba(142, 182, 217, 0.35);
  --ember-dim: rgba(212, 165, 116, 0.16);
  --ember-glow: rgba(212, 165, 116, 0.4);
  --border-subtle: rgba(200, 208, 224, 0.08);
  --border-soft: rgba(142, 182, 217, 0.18);
  --scrim: rgba(5, 6, 10, 0.72);
  --nav-bg: rgba(5, 6, 10, 0.55);

  /* Typography */
  --font-display: "Cinzel", Georgia, "Times New Roman", serif;
  --font-body: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* Chinese cinematic pair — serif display + light geometric sans */
  --font-display-zh: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;
  --font-body-zh: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

  --text-xs: clamp(0.7rem, 0.65rem + 0.2vw, 0.78rem);
  --text-sm: clamp(0.85rem, 0.8rem + 0.25vw, 0.95rem);
  --text-base: clamp(1rem, 0.95rem + 0.3vw, 1.125rem);
  --text-md: clamp(1.125rem, 1.05rem + 0.4vw, 1.35rem);
  --text-lg: clamp(1.4rem, 1.2rem + 0.8vw, 1.85rem);
  --text-xl: clamp(1.85rem, 1.4rem + 1.6vw, 2.75rem);
  --text-hero: clamp(2.6rem, 1.6rem + 5vw, 6.5rem);
  --text-quote: clamp(1.35rem, 1.1rem + 1.2vw, 2.15rem);

  --tracking-kicker: 0.28em;
  --tracking-wide: 0.12em;
  --leading-tight: 1.15;
  --leading-body: 1.7;
  --leading-relaxed: 1.85;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --space-section: clamp(5rem, 4rem + 4vw, 9rem);
  --space-gutter: clamp(1.25rem, 1rem + 2vw, 2.5rem);
  --content-max: 72rem;
  --content-narrow: 42rem;
  --content-reading: 38rem;

  /* Radius & elevation */
  --radius-sm: 0.35rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;
  --shadow-soft: 0 24px 80px rgba(0, 0, 0, 0.45);
  --shadow-glow-ice: 0 0 40px rgba(142, 182, 217, 0.12);
  --shadow-glow-ember: 0 0 40px rgba(212, 165, 116, 0.1);

  /* Motion */
  --ease-out-expo: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
  --dur-fast: 180ms;
  --dur-med: 420ms;
  --dur-slow: 800ms;
  --dur-reveal: 850ms;
  --dur-quote: 1200ms;

  /* Layout */
  --nav-height: 4rem;
  --focus-ring: 0 0 0 2px var(--void), 0 0 0 4px var(--ice);
}