:root {
  color-scheme: dark;
  --bg: #0a0a0a;
  --bg-elevated: #121212;
  --bg-panel: #161616;
  --text: #eaeaea;
  --text-muted: #9a9a9a;
  --text-dim: #6b6b6b;
  --accent: #e61919;
  --accent-hover: #ff2a2a;
  --border: #2a2a2a;
  --border-strong: #3d3d3d;
  --font-display: "Archivo Black", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", "Consolas", monospace;
  --layout-max: 1360px;
  --content-max: var(--layout-max);
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --hero-inset: clamp(2.25rem, 6vw, 3.75rem);
  --header-h: 4rem;
  --mobile-bar-inset: 0.5rem;
  --mobile-bar-h: calc(3.65rem + var(--mobile-bar-inset) * 2 + env(safe-area-inset-bottom, 0px));
  --z-header: 100;
  --z-mobile-bar: 90;
  --transition: 200ms ease;
  --scrollbar-size: 8px;
  --scrollbar-thumb: var(--border-strong);
  --scrollbar-thumb-hover: var(--accent);
  --scrollbar-track: var(--bg);
}