/* ============================================================
   TJ Creative Hub — Color tokens
   Base values first, semantic aliases second.
   Three skins share one hero-accent family (warm: yellow ↔ marigold)
   and swap canvas + support colours. See guidelines/color-system.html
   ============================================================ */
:root{
  /* ---------- TJ House + Bharat skin (base values) ---------- */
  --ink-950:#0D0D0D;        /* TJ primary canvas */
  --ink-900:#161616;        /* raised panel on ink */
  --line-800:#2A2A2A;       /* hairlines/borders on ink */
  --paper-0:#FFFFFF;        /* text on dark; canvas for print/social */

  --utsav-yellow-500:#F5C400;  /* hero accent — celebration, reward, highlight */
  --fasal-green-600:#1E7A34;   /* prosperity/growth, confirmation */
  --fasal-green-800:#14532D;   /* deep field green — success surfaces */
  --bharosa-blue-500:#1B9AD6;  /* sky/trust — scan&win, tech moments */
  --utsav-red-600:#C0392B;     /* celebratory warmth, sparingly */
  --alert-red-500:#D93025;     /* error/danger only */
  --slate-400:#9AA0A6;         /* secondary text on dark */

  /* ---------- Premium skin (BMW-class clients) ---------- */
  --midnight-950:#0B1220;   /* canvas */
  --panel-900:#111B2E;      /* card surface, elevation 1 */
  --panel-850:#16233B;      /* card surface, elevation 2 */
  --line-700:#24334F;       /* hairlines, table rules */
  --client-blue-500:#1C69D4;   /* client brand slot */
  --client-blue-300:#3D85E0;   /* soft/large-text safe */
  --marigold-500:#F2A93B;      /* hero accent — diya-glow warmth */
  --marigold-700:#D98A18;      /* deep marigold */
  --text-100:#E8EDF6;          /* primary text on midnight */
  --muted-400:#93A3BC;         /* secondary text on midnight */
  --good-500:#4CC38A;          /* verdict: build on it */
  --warn-500:#E5484D;          /* verdict: park it (danger-adjacent, paired w/ label) */

  /* ---------- WhatsApp channel (first-class CTA, not decoration) ---------- */
  --whatsapp-green:#25D366;

  /* ================= semantic aliases ================= */
  /* TJ House skin */
  --surface-canvas-house: var(--ink-950);
  --surface-card-house: var(--ink-900);
  --border-house: var(--line-800);
  --text-primary-house: var(--paper-0);
  --text-secondary-house: var(--slate-400);
  --accent-house: var(--utsav-yellow-500);

  /* Premium skin */
  --surface-canvas-premium: var(--midnight-950);
  --surface-card-premium: var(--panel-900);
  --surface-card-premium-2: var(--panel-850);
  --border-premium: var(--line-700);
  --text-primary-premium: var(--text-100);
  --text-secondary-premium: var(--muted-400);
  --accent-premium: var(--marigold-500);
  --client-slot-premium: var(--client-blue-500);

  /* Bharat skin */
  --surface-canvas-bharat: var(--fasal-green-800);
  --accent-bharat: var(--utsav-yellow-500);
  --support-bharat-green: var(--fasal-green-600);
  --support-bharat-blue: var(--bharosa-blue-500);

  /* Verdict semantics (shared) */
  --verdict-build-fg: var(--good-500);
  --verdict-evolve-fg: var(--marigold-500);
  --verdict-park-fg: #F08287;
  --verdict-build-bg: rgba(76,195,138,.12);
  --verdict-evolve-bg: rgba(242,169,59,.12);
  --verdict-park-bg: rgba(229,72,77,.10);
}