/* ============================================================================
   HealthCompass — Global Color Tokens (Design Elevation Program, Phase D1)
   ----------------------------------------------------------------------------
   Single source of truth for the site's CORE structural + brand colors.
   Load this FIRST (before nav.css / dark.css / page styles) so the custom
   properties resolve everywhere.

   SCOPE: the ~40 highest-frequency structural colors only. Per-page deep-dive
   accents (--accent in creatine/eggs/meat/etc.) and bespoke hero-engine palettes
   (water aquas, heart crimsons, calm-space --cs-*) are intentionally NOT here —
   they are deliberate per-page identity, not shared tokens.

   Every token's value is the exact hex it replaces, so migration is visually
   lossless — the site renders pixel-identically; it just becomes maintainable.
   ========================================================================== */

:root {
  /* ── Brand ── */
  --hc-teal:        #00B4A2;
  --hc-teal-deep:   #009D8C;
  --hc-teal-light:  #5FE0CF;
  --hc-coral:       #FF6B35;
  --hc-gold:        #E0C98A;

  /* ── Navy / ink scale (dark backgrounds, headers, deep surfaces) ── */
  --hc-ink-950:     #030C18;
  --hc-ink-900:     #060F20;
  --hc-ink-850:     #050C1A;
  --hc-ink-800:     #0A2540;
  --hc-ink-750:     #0B1422;
  --hc-ink-700:     #0B1830;
  --hc-ink-650:     #0E1726;
  --hc-ink-600:     #0F1827;
  --hc-ink-550:     #131E30;
  --hc-ink-500:     #1A2740;

  /* ── Slate scale (text, borders, muted foregrounds) ── */
  --hc-slate-800:   #25324A;
  --hc-slate-700:   #33404F;
  --hc-slate-600:   #5A6B7E;
  --hc-slate-500:   #6B7D92;
  --hc-slate-450:   #7A8A9A;
  --hc-slate-400:   #8FA0B4;
  --hc-slate-300:   #9FB0C3;
  --hc-slate-200:   #BCCADB;

  /* ── Surface scale (light-mode backgrounds) ── */
  --hc-surface-400: #CDD9E6;
  --hc-surface-350: #DBE3EC;
  --hc-surface-300: #E2EAF0;
  --hc-surface-250: #E6ECF3;
  --hc-surface-200: #EEF2F7;
  --hc-surface-100: #F4F7FA;
  --hc-surface-50:  #F7F8FB;

  /* ── Semantic ── */
  --hc-success:       #27AE60;
  --hc-success-alt:   #10B981;
  --hc-danger:        #C0392B;
  --hc-danger-alt:    #E74C3C;
  --hc-danger-bright: #EF4444;
  --hc-danger-heart:  #E5484D;
  --hc-warning:       #E67E22;
  --hc-amber:         #F59E0B;
  --hc-text-body:     #374151;

  /* ── Aliases (legacy names kept for pages that referenced them pre-D1) ── */
  --hc-ink:           var(--hc-ink-800);
}