:root{
  --bg: #0b1220;
  --surface: rgba(255,255,255,0.06);
  --surface-2: rgba(255,255,255,0.10);
  --text: rgba(255,255,255,0.92);
  --muted: rgba(255,255,255,0.72);
  --border: rgba(255,255,255,0.14);

  /* Brand (derived from logo cyan/teal) */
  --brand: #00c8f2;
  --brand-2: #7defff;
  --brand-dark: #0aa0bf;

  --danger: #ff5d5d;
  --ok: #3ee08a;

  --radius: 16px;
  --shadow: 0 14px 40px rgba(0,0,0,0.35);
  --maxw: 1140px;
}

@media (prefers-color-scheme: light){
  :root{
    --bg: #f7fafc;
    --surface: rgba(0,0,0,0.04);
    --surface-2: rgba(0,0,0,0.06);
    --text: rgba(10,20,30,0.92);
    --muted: rgba(10,20,30,0.68);
    --border: rgba(10,20,30,0.12);
    --shadow: 0 14px 40px rgba(10,20,30,0.12);
  }
}