:root{
  --bg-dark:#0B1120;
  --bg-gradient:linear-gradient(135deg,#0B1120 0%, color-mix(in srgb,#0B1120 70%,#FB7185 30%) 55%, color-mix(in srgb,#0B1120 82%,#FB7185 18%) 100%);
  --text:#F0FDFA;
  --dim:#FFE4E6;
  --body-text:#FFE4E6;
  --accent:#FB7185;
  --accent-2:#38BDF8;
  --accent-hover:#FB7185;
  --secondary:color-mix(in srgb,#0B1120 78%,#FB7185 22%);
  --secondary-hover:color-mix(in srgb,#0B1120 86%,#FB7185 14%);
  --secondary-button:#FFE4E6;
  --secondary-button-hover:#FED7AA;
  --link:#38BDF8;
  --button-text:#0B1120;
  --badge-text:#FFFFFF;
  --accent-contrast:#0B1120;
  --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)}