/* ============================================================================
   tokens.css — Auto Image design-system FAMILY ROOT
   ----------------------------------------------------------------------------
   The single source of truth for the team site's colors, fonts and scale, as
   runtime CSS custom properties. EVERY surface consumes these same variables:
     - inline pages + the app theme      -> via aic-app.css (which @imports this)
     - the Skills Matrix (Vite/React/Tailwind build) -> loads this file and maps
       its Tailwind @theme colors/fonts to these same var()s
   Edit a value here and every page reforms on the next deploy — no rebuild.
   Values are the cccone.com/configure pixel spec — do not tweak casually.

   CANON: the whole team site mirrors CCC ONE (cccone.com) — not just these
   colors/fonts but navigation, information architecture, AND functionality
   (employee admin, login, PIN reset). Parity with CCC is the default; David's
   additions layer on top. Full statement + auth-flow spec: shared/DESIGN-CANON.md
   ============================================================================ */
:root{
  --band1:#3d7fc7;
  --band2:#2e5fa0;
  --blue:#1e7fd1;
  --blue-d:#1a6db0;
  --blue-dd:#155ba0;
  --blue-bg:#eaf2fb;
  --blue-bg2:#f0f6fc;
  --page:#eef0f2;
  --card:#fff;
  --line:#e5e5e5;
  --line-in:#d5d7da;
  --sub:#f7f8f9;
  --sub2:#fafbfc;
  --ink:#333;
  --ink2:#6b7076;
  --ink3:#9a9fa5;
  --dis:#c7cbcf;
  --ok:#1a9c5b;
  --ok-bg:#e7f4ec;
  --amber:#c07d18;
  --amber-bg:#f6efe0;
  --red:#d64545;
  --red-bg:#fbecec;
  --agent:#6a3fbf;
  --agent-bg:#f2ecfb;
  --agent-line:#dccbf3;
  --custom:#0d7a5f;
  --custom-bg:#e6f6f2;
  --custom-line:#b4e0d4;
  --sans:"Segoe UI",Tahoma,Geneva,Verdana,Arial,sans-serif;
  --mono:Consolas,"Cascadia Mono","Segoe UI Mono",Menlo,monospace;

  /* ---- SIGN-IN SURFACE (dark) --------------------------------------------
     The login / set-PIN / install screens are deliberately dark. Those values
     live HERE, as part of the system, instead of as hardcoded hex on pages
     that opted out. David, 2026-07-26: "Nothing on team.AIcollision.com is
     exempt from our design system, period." So the system covers the dark
     surface too — one edit here reforms the sign-in screens with everything
     else. Same blue family as the app chrome, on dark ground. */
  --auth-bg:#0b1220;        /* page ground */
  --auth-bg2:#16233b;       /* radial lift behind the logo */
  --auth-card:#121a2b;      /* keypad keys, sheets */
  --auth-field:#0e1626;     /* text inputs */
  --auth-ink:#eef2f8;       /* primary text on dark */
  --auth-ink2:#8a97ad;      /* secondary text on dark */
  --auth-line:#243245;      /* hairlines on dark */
  --auth-brand:#2ea3f2;     /* light blue, dark-ground sibling of --blue */
  --auth-brand2:#0c71c3;    /* deep blue for gradients/buttons */
  --auth-err:#f87171;
  --auth-ok:#34d399;
  /* --comp-*: composition-only tokens (NOT in CCC ground truth) */
  --comp-track:#e6e8ea;      /* progress track; same value as .gold .bar */
  --comp-metric-num:26px;    /* metric big number; matches .gold .pct scale */
}