/* styles/variables.css — CSS custom properties only */
:root {
  --bg: #080b0f;
  --bg2: #0d1117;
  --bg3: #111820;
  --surface: #141c26;
  --surface2: #1a2433;
  --border: rgba(255,255,255,0.07);
  --border2: rgba(255,255,255,0.12);
  --accent: #00d4aa;
  --accent2: #00a87f;
  --accent-glow: rgba(0,212,170,0.15);
  --accent-glow2: rgba(0,212,170,0.06);
  --red: #ff4d6d;
  --amber: #ffb703;
  --blue: #4895ef;
  --text: #e8edf2;
  --text2: #8a9ab0;
  --text3: #4a5a6a;
  --font-display: 'Syne', sans-serif;
  --font-body: 'DM Sans', sans-serif;
  --font-mono: 'DM Mono', monospace;
  --radius: 12px;
  --radius-lg: 20px;
}