:root {
  --color-bg: #071015;
  --color-bg-secondary: #0b161c;
  --color-surface: #101d24;
  --color-surface-raised: #14232b;
  --color-text: #f1f0ea;
  --color-text-muted: #a7b0b2;
  --color-border: #263940;
  --color-border-strong: #40545a;
  --color-accent: #d28b5d;
  --color-accent-soft: #f0b58e;
  --color-focus: #f5c5a5;

  --font-sans: Inter, "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --step--1: clamp(0.78rem, 0.76rem + 0.08vw, 0.84rem);
  --step-0: clamp(1rem, 0.97rem + 0.14vw, 1.1rem);
  --step-1: clamp(1.24rem, 1.12rem + 0.5vw, 1.55rem);
  --step-2: clamp(1.6rem, 1.3rem + 1.2vw, 2.35rem);
  --step-3: clamp(2.1rem, 1.55rem + 2.3vw, 3.55rem);
  --step-4: clamp(3rem, 1.9rem + 4.6vw, 6.1rem);

  --space-2xs: 0.4rem;
  --space-xs: 0.7rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.25rem;
  --space-xl: 3.5rem;
  --space-2xl: 5.5rem;
  --space-3xl: 8rem;

  --radius-sm: 0.2rem;
  --radius-md: 0.4rem;
  --radius-lg: 0.7rem;
  --container-width: 78rem;
  --content-width: 48rem;
  --header-height: 5.25rem;
  --line: 1px solid var(--color-border);
}