:root{
  --bg: #0a0e12;         /* deep space */
  --surface: #10161b;    /* panels */
  --elev: #0e141b;
  --text: #e6f1ff;
  --muted: #8aa0b6;
  --line: #1e2937;
  --accent: #39ff88;     /* BORG green */
  --accent-2: #a855f7;   /* plasma violet */
  --accent-3: #06b6d4;   /* cyan */
  --danger: #ef4444;
  --warn: #f59e0b;

  --radius: 14px;
  --shadow-soft: 0 10px 30px rgba(0,0,0,.4);
  --shadow-neon: 0 0 14px rgba(57,255,136,.25), 0 0 34px rgba(57,255,136,.10);

  /* Type scale using clamp for fluidity */
  --step--1: clamp(.84rem, .79rem + .25vw, .95rem);
  --step-0: clamp(1rem, .95rem + .35vw, 1.125rem);
  --step-1: clamp(1.25rem, 1.1rem + .7vw, 1.5rem);
  --step-2: clamp(1.5rem, 1.3rem + 1vw, 1.9rem);
  --step-3: clamp(1.9rem, 1.6rem + 1.3vw, 2.4rem);
  --step-4: clamp(2.4rem, 2rem + 1.8vw, 3.2rem);
  --step-5: clamp(3rem, 2.5rem + 2.4vw, 4.2rem);

  --maxw: 1200px;
  --gutter: 24px;
}

@media (prefers-color-scheme: light){
  :root{
    --bg: #0b0f14;
  }
}