/*
 * tokens.css: every token the hero reads, and the @font-face rules (this site's file;
 * the main agent writes it). Each value is chosen fresh for this site inside
 * page-design.md's ranges and recorded in design/fingerprint.json; nothing is carried
 * over from another site. check-site's tokens check fails while one is empty. Once the
 * hero is tuned, none changes without Stanley (design-package.md, section 11).
 *
 * The faces: self-hosted .woff2 files in assets/fonts/, each with font-display: swap,
 * chosen only where the licence permits self-hosting. The face, its source and where
 * its licence text was read go into the design package and the site's register row;
 * no legal position is stated beyond that reading (T-043).
 */

/* Archivo Black and DM Sans: the brand's own faces (the web kit, questionnaire 8), the
   Latin files Google Fonts itself serves, self-hosted so nothing loads from Google
   before consent. Licence texts read 2026-10-18 and kept beside the files (OFL 1.1). */
@font-face{
  font-family:"Archivo Black";
  src:url("../fonts/archivo-black-latin.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
/* One variable file covers every DM Sans weight the page uses. */
@font-face{
  font-family:"DM Sans";
  src:url("../fonts/dm-sans-latin.woff2") format("woff2");
  font-weight:100 1000;
  font-style:normal;
  font-display:swap;
}

/* The web kit's three colours on a dark page (questionnaire 9). Magenta measures 4.02:1
   on ink, so it never carries body text; labels on it are near-black (4.53:1). */
:root{
  --canvas:#111827;
  --panel:#1B2438;
  --accent:#E0218A;
  --accent-hover:#EE4FA3;
  --accent-muted:#5E1E47;
  --text-primary:#F4F3EF;
  --text-secondary:#C3C6CF;
  --on-accent:#07080C;
  --border-input:#8C93A3;
  --error:#FF9B8A;
  --focus:#E0218A;
  --font-display:"Archivo Black","Arial Black","Helvetica Neue",Arial,sans-serif;
  --font-body:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-label:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --radius:12px;
  --ease-out:cubic-bezier(0.22,1,0.36,1);
  --ease-in-out:cubic-bezier(0.65,0,0.35,1);
}