/* ─────────────────────────────────────────────────────────────
   stclairdev.com — design tokens. Single source of truth for the
   PUBLIC site. The admin area has its own palette in
   admin/_header.php and is deliberately kept separate.

   Names are ROLE-based, not value-based: --bg is the page ground
   whatever colour that happens to be, --ink is the brightest text.
   They used to be --black / --white, which would have read exactly
   backwards the moment the site went light.

   Palette: "warm graphite" — the neutral is pulled slightly warm
   rather than blue-black, which suits the red accent better than
   the old near-black did.

   Changing the theme is now a change to THIS FILE ONLY.
   Bump the ?v= on the <link> tags when you edit these values,
   or browsers will serve the old palette from cache.
   ───────────────────────────────────────────────────────────── */

:root{
  /* Grounds and surfaces — darkest to lightest */
  --bg:         #1c1c20;   /* page ground                (was --black) */
  --bg-alt:     #232328;   /* alternating section band   (was --deep)  */
  --surface:    #2b2b31;   /* cards, panels, modals      (was --panel) */
  --border:     #3a3a42;

  /* Text — faintest to brightest */
  --muted:      #565661;   /* hairlines, disabled state */
  --subtle:     #93939f;   /* secondary text */
  --body:       #c4c4ce;   /* body copy */
  --ink-soft:   #e2e2e9;   /* emphasised text            (was --light) */
  --ink:        #f8f8fb;   /* headings, brightest        (was --white) */

  /* Brand and product accents */
  --accent:     #e8574a;   /* St. Clair red, warmed for the graphite ground */
  --accent-dim: #9e3a31;
  --gold:       #c8a84b;   /* Vehicle Recon Tracker */
  --gold-dim:   #7a6425;
  --blue:       #2e6af6;   /* DealerTimeClock */
  --green:      #3cb371;

  /* Type */
  --font-display: 'Barlow Condensed', sans-serif;
  --font-body:    'Barlow', sans-serif;
}