/* =====================================================================
   GAI27 DESIGN SYSTEM — 1/4: TOKENS
   Single source of truth for colours, spacing, shape, fonts.
   Load order: tokens → base → components → pages
   ===================================================================== */

:root{
  /* structure */
  --ink:#0f172a; --slate:#1e293b; --muted:#64748b; --faint:#94a3b8;
  --border:#e2e8f0; --surface:#ffffff; --surface-2:#f8fafc; --surface-3:#f1f5f9;

  /* brand — orange is the single primary/accent colour */
  --primary:#ff6b35; --primary-dark:#e55a2b; --primary-tint:#fff4ef;
  --accent:#ff6b35; --accent-dark:#e55a2b; --accent-tint:#fff4ef;

  /* semantic */
  --success:#16a34a; --warning:#d97706; --danger:#dc2626;

  /* elevation */
  --shadow-sm:0 1px 2px rgba(15,23,42,.06);
  --shadow-md:0 4px 12px rgba(15,23,42,.08);
  --shadow-lg:0 12px 32px rgba(15,23,42,.10);

  /* shape */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-pill:999px;

  /* legacy aliases so older rules pick up the brand colours */
  --brand:var(--accent); --brand2:var(--accent-dark);
  --orange-primary:var(--accent); --orange-dark:var(--accent-dark);

  /* fonts */
  --font-body:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-head:'Space Grotesk',var(--font-body);
}

[data-theme="dark"]{
  --ink:#f1f5f9; --slate:#e2e8f0; --muted:#cbd5e1; --faint:#94a3b8;
  --border:#27324a; --surface:#0f172a; --surface-2:#131c30; --surface-3:#1e293b;
  --primary:#ff7d4d; --primary-dark:#ff6b35; --primary-tint:#2a1810;
  --accent:#ff7d4d; --accent-dark:#ff6b35; --accent-tint:#2a1810;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 4px 12px rgba(0,0,0,.45);
  --shadow-lg:0 12px 32px rgba(0,0,0,.5);
}