/* ─────────────────────────────────────────────────────────────────────────
   OBD2 dashboard — theme tokens
   COPIED from weathergpx css/alien.css :root so this app stays 100%
   self-contained (no cross-folder @import). Keep in sync on integration.
   ───────────────────────────────────────────────────────────────────────── */
:root {
  /* neutrals */
  --grey0: #ffffff;
  --grey1: #ECECEC;
  --grey2: #D8D8D8;
  --grey3: #B4B4B4;
  --grey4: #8C8C8C;
  --grey5: #7E7E7E;
  --grey6: #373737;
  --grey7: #242424;
  --grey8: #1A1A1A;
  --grey9: #000000;

  /* blue-tinted surfaces — the app's dark theme */
  --blue1: #E4F0F8;
  --blue2: #C8DDF0;
  --blue6: #1E3452;
  --blue7: #132238;
  --blue8: #0C1829;

  /* primary (teal/blue) — gauge accents, gear, digital speed */
  --color-primary-ultralight: #BAE6FD;
  --color-primary-bright: #00BBFF;
  --color-primary-light: #38BDF8;
  --color-primary: #0284C7;
  --color-primary-dark: #0369A1;
  --color-primary-darker: #0C4A6E;
  --color-primary-deep: #054066;

  /* secondary (amber) — warnings, check-engine */
  --color-secondary-ultralight: #FDE68A;
  --color-secondary-light: #F59E0B;
  --color-secondary: #D97706;
  --color-secondary-dark: #92400E;

  /* status */
  --color-success-content: #55fd55;
  --color-warning-content: #fdfd55;
  --color-error-content: #c81e1e;
  --color-error-bright: #c81e1e;
  --color-warning-bright: #c87800;
  --color-sos: #ef4444;
  --color-sos-strong: #dc2626;

  /* fonts */
  --font-xs: 0.75rem;
  --font-sm: 0.87rem;
  --font-md: 1rem;
  --font-lg: 1.15rem;
  --font-xl: 1.25rem;
  --font-xxl: 1.5rem;
  --font-xxxl: 2rem;

  /* ── OBD2-local additions ── */
  --cream: #E8E0CC;        /* vintage instrument markings / needles */
  --cream-dim: #A79F86;
  --redline: #c81e1e;
  --chrome-hi: #f2f2f2;
  --chrome-mid: #9a9a9a;
  --chrome-lo: #3a3a3a;
  --face: #0a0a0a;         /* gauge face black */
  --face-edge: #1c1c1c;
}