/* ─── FONTS ───────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap');

/* ─── CSS CUSTOM PROPERTIES ──────────────────────────── */
:root {
  --bg:        #0e0e14;
  --bg2:       #13131c;
  --bg3:       #1a1a28;
  --surface:   #1e1e2e;
  --border:    rgba(255,255,255,0.08);
  --text:      #e8e8f0;
  --heading:   #ffffff;
  --muted:     #8888a8;
  --orange:    #ff6b35;
  --red:       #e8233a;
  --grad:      linear-gradient(135deg, #ff6b35 0%, #e8233a 100%);
  --grad-soft: linear-gradient(135deg, rgba(255,107,53,0.15) 0%, rgba(232,35,58,0.15) 100%);
  --font:      'IBM Plex Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mono:      'JetBrains Mono', monospace;
}