/* ================================================================
   EffiQ Theme — Design Tokens
   CSS custom properties (:root) and global reset.
   Loaded on every page — no component-specific rules here.
================================================================ */

/* ── DESIGN TOKENS ─────────────────────────────────────────────── */
:root {
  --nv:#0F2B46;--bl:#1A73E8;--bls:#EBF4FF;--blb:#BFDBFE;
  --pur:#6B4FD3;--pur-d:#4C35A3;--pur-s:rgba(107,79,211,.08);
  --teal:#0F766E;--amber:#D4A017;
  --wh:#fff;--gy:#F8FAFC;--gy2:#F1F5F9;--bd:#E2E8F0;
  --ink:#0F172A;--mid:#475569;--lt:#94A3B8;
  --fh:"Plus Jakarta Sans",sans-serif;--fb:"DM Sans",sans-serif;--mx:1200px;
  /* gradient presets */
  --grad-hero:linear-gradient(135deg,#060D1F 0%,#0F2B46 40%,#1a1550 100%);
  --grad-bl-pur:linear-gradient(135deg,var(--bl),var(--pur));
  --grad-num:linear-gradient(135deg,var(--bl),var(--pur));
}

/* ── GLOBAL RESET ───────────────────────────────────────────────── */
*,*::before,*::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: var(--fb); background: var(--wh); color: var(--ink); -webkit-font-smoothing: antialiased; overflow-x: hidden; line-height: 1.6; }
a { text-decoration: none; color: inherit; cursor: pointer; }
button { font-family: var(--fb); cursor: pointer; border: none; background: none; }
img { max-width: 100%; }