/*
  Design tokens for Northwest Dashcams, from the approved demo (demo/site/css/site.css, 29 Oct 2026):
  the owner's own colours (charcoal #262626, red #CC0000) on white, Geist + Geist Mono.
  The starter's neutral names are mapped onto them at the end so core templates (privacy, 404, thank-you) match.
*/
@font-face { font-family: Geist; src: url(/assets/fonts/geist.woff2) format("woff2"); font-weight: 400 700; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url(/assets/fonts/geist-mono.woff2) format("woff2"); font-weight: 400 500; font-display: swap; }

:root {
  --bg: #FFFFFF; --glass: #F4F4F5; --glass-2: #ECECEE; --line: #E4E4E7; --ink: #262626; --soft: #3F3F46; --mut: #6B6B6B; --acc: #CC0000; --acc-2: #A80000; --on-acc: #FFFFFF;
  --gut: clamp(16px, 4.5vw, 56px); --max: 1240px; --r: 16px;
  --hero-dark: #262626; --hero-light: #FFFFFF; --hero-on-dark: #FFFFFF; --hero-on-light: #262626;
  --hero-top: 0px; --hero-gut: var(--gut); --hero-max: var(--max); --hero-copy-max: 600px;
  color-scheme: light;

  /* starter names, mapped onto this design */
  --font-body: Geist, system-ui, sans-serif;
  --font-display: var(--font-body);
  --color-bg: var(--bg);
  --color-text: var(--ink);
  --color-accent: var(--acc);
  --color-focus: var(--acc);
  --container-max: var(--max);
  --gutter: var(--gut);
  --touch-target: 44px;
}