:root {
  color-scheme: dark;
  --color-bg: #08182b;
  --color-bg-deep: #061326;
  --color-surface: #0d223b;
  --color-surface-elevated: #122b49;
  --color-surface-light: #f0f3f6;
  --color-text: #f5f7fa;
  --color-text-secondary: #a7b5c7;
  --color-text-muted: #71849c;
  --color-ink: #102238;
  --color-ink-secondary: #4c6075;
  --color-accent: #e86119;
  --color-accent-hover: #ff762d;
  --color-border: #284462;
  --color-border-light: #cdd6df;
  --color-focus: #7bc7ff;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --content-wide: 90rem;
  --content-reading: 44rem;
  --radius-sm: .25rem;
  --radius-md: .5rem;
  --radius-lg: .875rem;
  --shadow-sm: 0 .5rem 1.5rem rgb(0 0 0 / 14%);
  --shadow-lg: 0 1.5rem 4rem rgb(0 0 0 / 22%);
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", Arial, sans-serif;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: clamp(1rem, .96rem + .18vw, 1.125rem);
  --text-lg: clamp(1.125rem, 1rem + .4vw, 1.4rem);
  --text-h3: clamp(1.25rem, 1.08rem + .6vw, 1.65rem);
  --text-h2: clamp(2rem, 1.45rem + 2.1vw, 3.75rem);
  --text-h1: clamp(2.75rem, 1.65rem + 4.5vw, 6.5rem);
  --transition-fast: 160ms ease;
  --transition-base: 280ms ease;
}