/* ── Reset ────────────────────────────────────────────────────── */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── Design tokens ────────────────────────────────────────────── */

:root {
  --bg:      #030712;
  --surface: #080f1e;
  --card:    #0d1829;
  --border:  #1e3a5f;
  --glow:    rgba(14, 165, 233, 0.15);
  --text:    #f0f9ff;
  --muted:   #7eb3cc;
  --dim:     #4a6f8a;
  --blue:    #0ea5e9;
  --blue2:   #38bdf8;
  --purple:  #7c3aed;
  --purple2: #a78bfa;
  --green:   #10b981;
}

/* ── Base typography & layering ───────────────────────────────── */

body {
  font-family: system-ui, -apple-system, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
  overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }

/* ── Shared orb base ──────────────────────────────────────────── */

.orb {
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}