/* =====================================================================
   tokens.css  —  SINGLE SOURCE OF TRUTH for the OSReinstall design system.
   Brand color, accent shades and the three fonts are defined ONCE here and
   nowhere else. Every page loads this file first; the per-page stylesheets
   (home.css, site.css, index.css) only point their local names at these
   tokens, so changing the brand or a font means editing one line in one file.

   Change the brand color  -> --ds-brand (light) and its dark value below.
   Change a font           -> --ds-font-* below.
   ===================================================================== */
:root{
  /* Brand blue */
  --ds-brand:#2B59FF;        /* primary accent */
  --ds-brand-d:#1C45D8;      /* darker accent (hover / gradient end) */
  --ds-brand-soft:#E4EAFF;   /* tinted accent background */

  /* Signal amber (warnings, "manual" / progress highlights) */
  --ds-amber:#E8930C;

  /* Fonts — identical on every page */
  --ds-font-display:"Archivo","Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ds-font-body:"Hanken Grotesk","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --ds-font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
}

/* Dark theme: follow the OS unless the page is explicitly forced light */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ds-brand:#5C83FF;
  --ds-brand-d:#7596FF;
  --ds-brand-soft:#16264A;
  --ds-amber:#F2B93A;
}}
/* Dark theme: explicit toggle */
:root[data-theme="dark"]{
  --ds-brand:#5C83FF;
  --ds-brand-d:#7596FF;
  --ds-brand-soft:#16264A;
  --ds-amber:#F2B93A;
}