/* ============================================================
   hemut-tokens.css — shared Hemut design tokens
   Reusable across Hemut tools (Map v4, dashboards, etc.).
   Source of truth for brand color + type. See scope §8.

   ⚠️ TBD until confirmed against the real brand guide:
     - exact gold hex (--gold)
     - the Hemut typeface (--font-display)
   Brand source: Outputs/2026-06-19_Trxckwrld-Dee-Mack-Content-Plan/
                 Flyers-and-Brand/  (extract typeface + hex)
   Designer: daydreams.digital (font files, per Dashboard/engineers.json)
   ============================================================ */

:root {
  /* ---- Brand spine: black + gold ---- */
  --ink:        #0e0e10;   /* near-black page base */
  --panel:      #16161a;   /* raised surfaces / cards */
  --panel-2:    #1d1d23;   /* nested surfaces */
  --line:       #2a2a31;   /* hairline borders on dark */

  --gold:       #FCD23B;   /* brand gold — sampled from Hemut logo (2026-06-20) */
  --gold-deep:  #E0B41F;   /* darker gold for hovers/borders */
  --gold-dim:   #6b5410;   /* muted gold for subtle accents */

  /* ---- Text ---- */
  --text:       #ECECEC;   /* primary on dark */
  --text-dim:   #A6A6AD;   /* secondary on dark */
  --text-ink:   #1c2433;   /* primary on light surfaces */

  /* ---- Functional / map marker palette (by entity type) ---- */
  --c-carrier:    #4FA3FF;  /* blue   — trucking companies */
  --c-hq:         #FCD23B;  /* gold   — Hemut HQ */
  --c-gurdwara:   #FF9933;  /* saffron */
  --c-school:     #2A9D8F;  /* teal */
  --c-poster:     #E76F51;  /* terracotta — poster spots / signals */
  --c-fuel:       #8AB17D;  /* green */
  --c-dealer:     #B07BCC;  /* violet */
  --c-repair:     #C9A227;  /* brass */
  --c-dhaba:      #E9C46A;  /* sand — food */
  --c-grocery:    #9DB4C0;  /* slate */
  --c-clinic:     #EF6F6C;  /* coral */
  --c-affiliate:  #FF5DA2;  /* pink — Lens C */
  --c-other:      #8A8A93;  /* grey */

  /* ---- Type (matches hemut.com: Clash Display display + Inter body) ---- */
  --font-display: "Clash Display", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono:    ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* ---- Spacing scale ---- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;

  /* ---- Radius / shadow ---- */
  --r-sm: 6px; --r-md: 10px; --r-lg: 16px; --r-pill: 999px;
  --shadow:    0 6px 24px rgba(0,0,0,.45);
  --shadow-sm: 0 2px 8px rgba(0,0,0,.35);

  /* ---- Layout ---- */
  --z-map: 1; --z-panel: 400; --z-top: 1000;
}