/* ═══════════════════════════════════ */
/* DESIGN TOKENS & CSS VARIABLES       */
/* ═══════════════════════════════════ */

:root {
  --bg: #0a0c10;
  --bg2: #0f1117;
  --surface: #141720;
  --surface2: #1a1e2a;
  --border: rgba(255,255,255,0.07);
  --border-accent: rgba(82,183,255,0.25);
  --cyan: #52b7ff;
  --cyan-dim: rgba(82,183,255,0.12);
  --white: #f0f4ff;
  --muted: rgba(240,244,255,0.45);
  --muted2: rgba(240,244,255,0.22);
  
  --font: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --max: 1600px;
  --radius: 12px;
  
  /* Transitions */
  --ease-smooth: cubic-bezier(.4,0,.2,1);
  --ease-in-out: ease-in-out;
}