/* ==========================================================================
   DESIGN TOKENS — single source of truth for the whole app.
   Change a value here and it updates everywhere (every component references
   these variables, nothing hardcodes a color/radius/shadow anymore).
   ========================================================================== */
:root{
  /* ---- Surfaces ---- */
  --bg:#0B1220;        /* page background */
  --surface:#111827;   /* raised surface (nav, headers, sheets) */
  --s2:#1F2937;        /* card background */
  --s3:#243044;        /* card hover / nested surface */
  --card:#1F2937;

  /* ---- Borders ---- */
  --b1:rgba(255,255,255,.08);
  --b2:rgba(255,255,255,.14);
  --b3:rgba(255,255,255,.22);
  --border:1px solid rgba(255,255,255,.08);

  /* ---- Text ---- */
  --text:#F8FAFC;      /* heading */
  --t2:#CBD5E1;        /* body */
  --t3:#94A3B8;        /* muted / caption */

  /* ---- Accents (semantic) ---- */
  --primary:#3B82F6;   --primary-bg:#0d1a2e; --primary-bdr:#1e3a5f;
  --success:#22C55E;   --success-bg:#0d1f14; --success-bdr:#1e4428;
  --warning:#F59E0B;   --warning-bg:#231708; --warning-bdr:#3d2c10;
  --danger:#EF4444;    --danger-bg:#210d0d;  --danger-bdr:#4a2020;

  /* Legacy variable names kept as aliases so every existing component
     (banners, buttons, badges) re-themes automatically without a rewrite. */
  --red:var(--danger);   --rbg:var(--danger-bg);   --rbdr:var(--danger-bdr);
  --blue:var(--primary);  --bbg:var(--primary-bg);  --bbdr:var(--primary-bdr);
  --green:var(--success); --gbg:var(--success-bg); --gbdr:var(--success-bdr);
  --amber:var(--warning);  --abg:var(--warning-bg);  --abdr:var(--warning-bdr);
  --purple:#9A7ED0; --pbg:#160f28; --pbdr:#38266a;   /* AI / Discipline accent */
  --teal:#3DB8A0;   --tbg:#0d1e1c; --tbdr:#1e4840;    /* charts / secondary accent */

  /* ---- Radius ---- */
  --radius-btn:12px;
  --radius-card:18px;
  --radius-input:12px;
  --radius-modal:20px;

  /* ---- Shadow ---- */
  --shadow-card:0 10px 30px rgba(0,0,0,.25);

  /* ---- Spacing (8px grid) ---- */
  --sp-1:8px; --sp-2:16px; --sp-3:24px; --sp-4:32px; --sp-5:40px; --sp-6:48px; --sp-8:64px;

  /* ---- Typography scale ---- */
  --fs-h1:36px; --fs-h2:28px; --fs-h3:22px; --fs-title:18px;
  --fs-body:16px; --fs-small:14px; --fs-caption:12px;
  --font-main:'Inter','-apple-system',BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;

  /* ---- Layout ---- */
  --sidebar-w:260px;
  --sidebar-w-collapsed:72px;
}