/* ── CSS Variables & Font Stack ── */

:root {
  --bg: #020408;
  --panel: #060c14;
  --border: rgba(0,224,255,.13);
  --border2: rgba(0,224,255,.07);

  --text: #d6eeff;
  --muted: #4a6a8a;

  --core: #00e5ff;
  --purple: #8b5cf6;
  --glow-core: rgba(0,229,255,.6);

  --red: #ff3b3b;
  --green: #00ffa3;
  --amber: #ffb300;
  --blue: #38b2ff;

  --mono: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --display: 'Sora', 'Inter', sans-serif;

  --r: 16px;
}

/* ── Reset & Body ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--mono);
  overflow-x: hidden;
  min-height: 100vh;
  max-width: 100vw;
}