:root {
  color-scheme: dark;

  --color-graphite-950: #111113;
  --color-graphite-900: #18181b;
  --color-asphalt-800: #26272b;
  --color-steel-600: #6f747d;
  --color-chrome-200: #d8dde5;
  --color-signal-red: #d81f2a;
  --color-red-dark: #9f1620;
  --color-white-soft: #f5f7fa;
  --color-warning-amber: #f2b84b;

  --font-display: "Bahnschrift", "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "Aptos", "Segoe UI", Arial, sans-serif;
  --font-data: "Cascadia Mono", "Roboto Mono", monospace;

  --text-hero: clamp(3rem, 7vw, 5.75rem);
  --text-title: clamp(2.25rem, 4vw, 3.75rem);
  --text-section: clamp(1.625rem, 3vw, 2.5rem);
  --text-card: 1.125rem;
  --text-body: 1rem;
  --text-small: 0.875rem;
  --text-data: clamp(2rem, 4vw, 3.25rem);

  --line-tight: 0.92;
  --line-title: 1.02;
  --line-body: 1.55;
  --line-small: 1.35;

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6rem;

  --container-max: 1180px;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --grid-gap: clamp(1rem, 2vw, 1.5rem);

  --radius-tight: 0.25rem;
  --radius-panel: 0.5rem;
  --radius-pill: 999px;

  --border-hairline: 1px solid rgb(216 221 229 / 0.18);
  --border-signal: 1px solid rgb(216 31 42 / 0.65);

  --shadow-panel: 0 22px 60px rgb(0 0 0 / 0.34);
  --shadow-photo: 0 28px 80px rgb(0 0 0 / 0.42);
  --shadow-signal: 0 0 0 1px rgb(216 31 42 / 0.28), 0 16px 34px rgb(159 22 32 / 0.28);

  --motion-fast: 160ms;
  --motion-base: 260ms;
  --motion-slow: 620ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-snap: cubic-bezier(0.22, 1, 0.36, 1);
}