/* ═══════════════════════════════════════════
   DESIGN TOKENS — Premium Light
   ═══════════════════════════════════════════ */
:root{
  /* ─── Backgrounds ─── */
  --base:#FFFFFF;
  --surface:#F8F9FC;
  --surface2:#F0F2F7;
  --surface3:#E8EBF2;
  --surface4:#DDE1EB;

  /* ─── Accents ─── */
  --indigo:#4F46E5;
  --violet:#7C3AED;
  --blue:#2563EB;
  --cyan:#0891B2;
  --emerald:#059669;
  --amber:#D97706;

  /* ─── Text ─── */
  --white:#FFFFFF;
  --text:#374151;
  --text-heading:#111827;
  --muted:#6B7280;
  --muted2:#9CA3AF;

  /* ─── Borders ─── */
  --border:rgba(79,70,229,0.15);
  --border2:rgba(0,0,0,0.07);
  --border3:rgba(0,0,0,0.04);

  /* ─── Typography ─── */
  --font:'Inter',system-ui,-apple-system,sans-serif;

  /* ─── Gradients ─── */
  --gradient:linear-gradient(135deg,#4F46E5,#7C3AED,#0891B2);
  --gradient2:linear-gradient(135deg,#4F46E5,#7C3AED);
  --gradient-warm:linear-gradient(135deg,#F59E0B,#EF4444);
  --gradient-subtle:linear-gradient(135deg,rgba(79,70,229,0.06),rgba(124,58,237,0.04));
  --gradient-card:linear-gradient(160deg,#FFFFFF,#F8F9FC);

  /* ─── Shadows & Glow ─── */
  --glow:0 8px 40px rgba(79,70,229,0.12);
  --glow-sm:0 4px 20px rgba(79,70,229,0.08);
  --shadow:0 1px 3px rgba(0,0,0,0.04),0 4px 16px rgba(0,0,0,0.04);
  --shadow-md:0 4px 24px rgba(0,0,0,0.06);
  --shadow-lg:0 12px 48px rgba(0,0,0,0.08);
  --shadow-xl:0 24px 64px rgba(0,0,0,0.1);

  /* ─── Radii ─── */
  --radius:16px;
  --radius-sm:10px;
  --radius-lg:24px;
  --radius-pill:100px;

  /* ─── Transitions ─── */
  --ease:cubic-bezier(0.25,0.46,0.45,0.94);
  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);
}