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

:root {
  --bg:       #07090F;
  --bg2:      #0C1018;
  --bg3:      #111827;
  --bg4:      #1A2340;
  --teal:     #00C2A8;
  --teal-dim: #00796B;
  --teal-lo:  rgba(0,194,168,0.12);
  --teal-glow:rgba(0,194,168,0.18);
  --amber:    #F59E0B;
  --amber-lo: rgba(245,158,11,0.12);
  --white:    #FFFFFF;
  --text:     #B8CCE8;
  --muted:    #4A5A7A;
  --border:   rgba(255,255,255,0.07);
  --danger:   #EF4444;
}

html, body {
  height: 100%; width: 100%;
  overflow: hidden;
  background: var(--bg);
  color: var(--white);
  font-family: 'DM Sans', sans-serif;
}