:root {
  --bg: #06111D;
  --surface: #0B1B2B;
  --elev: #10283B;
  --blue: #087FF5;
  --electric: #00A8FF;
  --cyan: #00D5E8;
  --text: #F5F8FC;
  --muted: #9CB0C5;
  --ok: #20D69A;
  --warn: #FFB547;
  --rec: #FF4058;
  --line: #1E3A50;
  --radius: 22px;
}
@font-face {
  font-family: Outfit;
  src: url("font/outfit-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Outfit;
  src: url("font/outfit-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Outfit;
  src: url("font/outfit-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--text); font-family: Outfit, "Segoe UI", sans-serif; }
a { color: var(--electric); }
button, input, select, textarea { font: inherit; color: inherit; }
img { display: block; }
.vox { color: var(--electric); }