/* variables.css */
:root {
  --bg-1: #0f172a;
  --bg-2: #071029;
  --accent: #7be2ff;
  --accent-2: #9bffb8;
  --accent-3: #ff7be2;
  --glass: rgba(255,255,255,0.08);
  --card: rgba(255,255,255,0.95);
  --muted: rgba(255,255,255,0.85);
  --glass-border: rgba(255,255,255,0.12);
  --radius: 14px;
  --shadow-1: 0 6px 30px rgba(2,6,23,0.6);
  --shadow-glow: 0 0 30px rgba(123,226,255,0.2);
  --ease: cubic-bezier(.16,.84,.44,1);
  --max-width: 1200px;
  --page-padding: 32px;
  --ui-scale: 1;
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

/* accessibility: reduce motion */
@media (prefers-reduced-motion: reduce) {
  * { 
    transition: none !important; 
    animation: none !important; 
    scroll-behavior: auto !important;
  }
}

/* RESET */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}