:root{
  --bg-dark:#0B1020;
  --bg-gradient:linear-gradient(135deg,#0B1020 0%, color-mix(in srgb,#0B1020 70%,#7DD3FC 30%) 55%, color-mix(in srgb,#0B1020 82%,#7DD3FC 18%) 100%);
  --text:#F8FAFC;
  --dim:#CBD5E1;
  --body-text:#CBD5E1;
  --accent:#7DD3FC;
  --accent-2:#A78BFA;
  --accent-hover:#7DD3FC;
  --secondary:color-mix(in srgb,#0B1020 78%,#7DD3FC 22%);
  --secondary-hover:color-mix(in srgb,#0B1020 86%,#7DD3FC 14%);
  --secondary-button:#E0F2FE;
  --secondary-button-hover:#BAE6FD;
  --link:#A78BFA;
  --button-text:#0B1020;
  --badge-text:#FFFFFF;
  --accent-contrast:#0B1020;
  --glass-border:rgba(255,255,255,.12);
  --surface:rgba(255,255,255,.035);
  --surface-2:rgba(255,255,255,.03);
  --surface-shadow:0 24px 70px rgba(0,0,0,.18);
}
body[data-glass="0"]{--surface:color-mix(in srgb, var(--bg-dark) 82%, white 8%);--surface-2:color-mix(in srgb, var(--bg-dark) 88%, white 12%);--surface-shadow:none}
body[data-glass="1"]{--surface:rgba(255,255,255,.035);--surface-2:rgba(255,255,255,.03)}