/* css/theme.css */
:root {
  --bg-0: #08030f;
  --bg-1: #14082e;
  --bg-2: #3b1d6e;
  --neon-pink: #ff5ecf;
  --neon-cyan: #7de3ff;
  --text: #ffffff;
  --text-dim: #c9b8ff;
  --card-border: rgba(125, 227, 255, 0.35);
  --card-bg: rgba(125, 227, 255, 0.06);
  --radius: 16px;
  --font-display: "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: "Segoe UI", system-ui, -apple-system, sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  min-height: 100vh;
  color: var(--text);
  font-family: var(--font-body);
  background: radial-gradient(120% 90% at 50% -10%, var(--bg-2) 0%, var(--bg-1) 55%, var(--bg-0) 100%) fixed;
}
.gradient-text {
  background: linear-gradient(90deg, var(--neon-pink), var(--neon-cyan));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.neon-btn {
  background: linear-gradient(90deg, var(--neon-pink), var(--neon-cyan));
  color: var(--bg-0); font-weight: 800; border: 0;
  padding: 12px 24px; border-radius: 999px; cursor: pointer;
}
.neon-btn:focus-visible { outline: 3px solid var(--neon-cyan); outline-offset: 2px; }