/* ============================================================
   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.

   v2 (2026-07-05): LIGHT theme is the :root default, matching the
   Hemut command-interface design language (white surfaces, 1px
   #e5e7eb borders, gold accent). The original dark set lives under
   body.theme-dark — the existing map toggle keeps working.

   --gold-text: gold is unreadable as TEXT on white, so every
   `color: gold` usage now reads --gold-text (dark amber on light,
   raw brand gold on dark). --gold itself stays #FCD23B in both
   themes for dots, fills, buttons, and brand accents.
   ============================================================ */

:root {
  /* ---- Brand spine: white + gold (light default) ---- */
  --ink:        #f6f7f9;   /* page base band */
  --panel:      #ffffff;   /* raised surfaces / cards */
  --panel-2:    #f3f4f6;   /* nested surfaces */
  --line:       #e5e7eb;   /* hairline borders on light */

  --gold:       #FCD23B;   /* brand gold — sampled from Hemut logo (2026-06-20) */
  --gold-deep:  #E0B41F;   /* darker gold for hovers/borders */
  --gold-dim:   #f9edc0;   /* pale gold tint — active-pill / hover backgrounds */
  --gold-text:  #8a6a08;   /* gold as TEXT on light surfaces (AA on white + tint) */
  --gold-ctl:   #E0B41F;   /* gold as a CONTROL FILL on light (checkboxes, slider knobs) —
                              crisp gold, not the muddy brown --gold-text reads as when filled */

  /* ---- Text ---- */
  --text:       #1c2433;   /* primary on light */
  --text-dim:   #5d6570;   /* secondary on light */
  --text-ink:   #1c2433;   /* primary on light surfaces (legacy alias) */

  /* ---- 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 command.hemut.com: Geist Sans + Geist Mono, 2026-07-05) ---- */
  --font-display: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono:    "Geist 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(16,24,40,.10);
  --shadow-sm: 0 2px 8px rgba(16,24,40,.07);

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

/* ---- Dark theme (the original v1 set) — via the existing map toggle ---- */
body.theme-dark {
  --ink:        #0e0e10;
  --panel:      #16161a;
  --panel-2:    #1d1d23;
  --line:       #2a2a31;

  --gold-dim:   #6b5410;
  --gold-text:  #FCD23B;   /* raw gold reads fine as text on dark */
  --gold-ctl:   #FCD23B;   /* raw gold controls on dark */

  --text:       #ECECEC;
  --text-dim:   #A6A6AD;

  --shadow:    0 6px 24px rgba(0,0,0,.45);
  --shadow-sm: 0 2px 8px rgba(0,0,0,.35);
}