:root {
  color-scheme: dark;
  --color-accent: #c74910;
  --color-bg: #212121;
  --color-surface: #252525;
  --color-text: #c8c8c8;
  --color-muted: #9a9a9a;
  --color-border: #464646;

  --color-accent-text: #e8763a;
  --color-surface-raised: #2d2d2d;
  --color-focus: #f0a06a;

  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: 2.5rem;
  --space-xl: 4rem;

  --radius-s: 4px;
  --radius-m: 10px;
  --radius-pill: 999px;

  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --step--2: clamp(0.69rem, 0.67rem + 0.12vw, 0.75rem);
  --step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.9rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.09rem);
  --step-1: clamp(1.2rem, 1.13rem + 0.35vw, 1.4rem);
  --step-2: clamp(1.44rem, 1.32rem + 0.6vw, 1.8rem);
  --step-3: clamp(1.73rem, 1.53rem + 1vw, 2.4rem);
  --step-4: clamp(2.07rem, 1.75rem + 1.6vw, 3.2rem);

  --badge-height: 2.75rem;

  --measure: 68ch;
  --content-width: 62rem;

  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --duration-fast: 160ms;
  --duration-mid: 320ms;
  --duration-slow: 620ms;
}