:root {
  --bg: #060817;
  --bg2: #0d1230;
  --card: rgba(255,255,255,.07);
  --card2: rgba(255,255,255,.1);
  --border: rgba(96, 209, 255, .24);
  --text: #ffffff;
  --muted: #b8c4e8;
  --blue: #00d4ff;
  --purple: #8b5cf6;
  --pink: #d946ef;
  --green: #24f0a3;
  --shadow: 0 24px 80px rgba(0,0,0,.35);
}

[data-theme="light"] {
  --bg: #f6f8ff;
  --bg2: #ffffff;
  --card: rgba(255,255,255,.78);
  --card2: rgba(255,255,255,.92);
  --border: rgba(79,140,255,.25);
  --text: #0e1430;
  --muted: #53607d;
  --blue: #0077ff;
  --purple: #7c3aed;
  --pink: #c026d3;
  --green: #059669;
  --shadow: 0 20px 60px rgba(30,50,120,.14);
}