/* ============================================================
   base.css — variables, reset, typography, scrollbar
   ============================================================ */

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --bg:      #060b14;
  --surface: #0d1520;
  --card:    #111d2e;
  --card2:   #162236;
  --border:  #1e3048;

  --accent:  #0ea5e9;
  --accent2: #38bdf8;
  --orange:  #f97316;
  --green:   #10b981;
  --yellow:  #f59e0b;
  --danger:  #ef4444;

  --text:   #e8f4fd;
  --muted:  #5d7a96;
  --muted2: #8aa5bf;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: 'DM Sans', sans-serif;
  min-height: 100vh;
  overflow-x: hidden;
}

/* ambient background glow */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(14,165,233,.08) 0%, transparent 60%),
    radial-gradient(ellipse 40% 30% at 90% 80%,  rgba(249,115,22,.05)  0%, transparent 50%);
}

/* ---- Scrollbar ---- */
::-webkit-scrollbar       { width: 4px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }