:root {
  --radius-card: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --radius-pill: 999px;
  --font-sans: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --accent-teal: #2dd4bf;
  --accent-violet: #a78bfa;
  --accent-gradient: linear-gradient(135deg, var(--accent-teal), var(--accent-violet));
  --space: 16px;
  --maxw: 1080px;
}

:root,
:root[data-theme="dark"] {
  --bg: #0b1220;
  --bg-soft: #0e1626;
  --bg-elev: #101a2c;
  --bg-elev-2: #15203552;
  --border: #1e293b;
  --border-strong: #2b3a52;
  --text: #e2e8f0;
  --text-dim: #94a3b8;
  --text-faint: #64748b;
  --text-strong: #f8fafc;
  --hero-grad: linear-gradient(135deg, #0f2e2b 0%, #10233f 60%, #241246 130%);
  --hero-glow: 0 0 40px -10px rgba(45, 212, 191, 0.4);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.02);
  --num-accent: var(--accent-teal);
  --danger: #fb7185;
  --warn: #fbbf24;
  --good: #34d399;
  --on-accent: #06121a;
  --overlay: rgba(2, 6, 16, 0.66);
}

:root[data-theme="light"] {
  --bg: #f6f1ea;
  --bg-soft: #f1ebe1;
  --bg-elev: #ffffff;
  --bg-elev-2: #ffffff;
  --border: #e7e2d9;
  --border-strong: #d8d2c6;
  --text: #1c1917;
  --text-dim: #78716c;
  --text-faint: #a8a29e;
  --text-strong: #0f172a;
  --hero-grad: linear-gradient(135deg, #0f766e 0%, #0d9488 45%, #7c3aed 130%);
  --hero-glow: 0 14px 30px -8px rgba(13, 148, 136, 0.5);
  --shadow-card: 0 2px 10px rgba(15, 23, 42, 0.06);
  --num-accent: #0f766e;
  --danger: #e11d48;
  --warn: #d97706;
  --good: #0d9488;
  --on-accent: #06121a;
  --overlay: rgba(28, 25, 23, 0.45);
}

/* Per-person palette, cycled by index. */
:root {
  --person-0: #14b8a6;
  --person-1: #fb7185;
  --person-2: #60a5fa;
  --person-3: #c084fc;
  --person-4: #fbbf24;
  --person-5: #f472b6;
  --person-6: #38bdf8;
  --person-7: #4ade80;
}