/* ══════════════════════════════════════════════════════════════
   RichOutreach — BRAND TOKENS (single source of truth)
   Change colours, fonts, spacing, and theme values here only.
   Loaded before every stylesheet on every page.
   ══════════════════════════════════════════════════════════════ */

:root {
    --violet: #7c3aed;
    --violet-deep: #6d28d9;
    --cyan: #06b6d4;
    --green: #10b981;
    --red: #f87171;
    --amber: #fbbf24;
    --orange: #fb923c;
    --max: 1160px;
    --ease: cubic-bezier(0.16, 1, 0.3, 1);
  }

[data-theme="dark"] {
    --bg: #0a0a0f;
    --bg-2: #0d0d15;
    --surface: #12121a;
    --surface-2: #16161f;
    --panel: #0e0e16;
    --chip: #14141f;
    --chip-2: #1a1a2e;
    --border: #1e1e2e;
    --border-2: #2a2a40;
    --text: #f1f0f5;
    --soft: #9898b8;
    --muted: #6b6b8a;
    --faint: #3a3a5c;
    --accent: #a78bfa;
    --glow: rgba(124,58,237,0.15);
    --glow-strong: rgba(124,58,237,0.35);
    --hero-blob-a: rgba(124,58,237,0.22);
    --hero-blob-b: rgba(6,182,212,0.10);
    --nav-bg: rgba(10,10,15,0.72);
    --card-shadow: 0 24px 60px -24px rgba(0,0,0,0.65);
    --logo-filter: grayscale(1) brightness(1.6);
    --spot: rgba(167,139,250,0.10);
  }

[data-theme="light"] {
    --bg: #f8f7fc;
    --bg-2: #f2f0fa;
    --surface: #ffffff;
    --surface-2: #f6f5fb;
    --panel: #fbfaff;
    --chip: #f3f1fb;
    --chip-2: #ebe8f7;
    --border: #e6e3f2;
    --border-2: #d5d1e8;
    --text: #16131f;
    --soft: #47425e;
    --muted: #77738e;
    --faint: #b5b0cc;
    --accent: #6d28d9;
    --glow: rgba(124,58,237,0.10);
    --glow-strong: rgba(124,58,237,0.22);
    --hero-blob-a: rgba(124,58,237,0.14);
    --hero-blob-b: rgba(6,182,212,0.10);
    --nav-bg: rgba(248,247,252,0.72);
    --card-shadow: 0 24px 60px -28px rgba(60,40,140,0.18);
    --logo-filter: grayscale(1) opacity(0.65);
    --spot: rgba(124,58,237,0.07);
  }