:root {
  --void: #020617;
  --void-2: #061033;
  --panel: #0a1844;
  --line: rgba(126, 196, 255, 0.14);
  --line-strong: rgba(47, 123, 255, 0.5);
  --text: #f4f7ff;
  --muted: #8ea0c4;
  --metal: #9db4d8;
  --signal: #2f7bff;
  --signal-2: #1554f0;
  --signal-soft: #7ec4ff;
  --danger: #d27a6a;
  --ok: #8fbe9a;
  --shadow: 0 30px 80px rgba(2, 10, 36, 0.55);
  --radius: 2px;
  --header: 80px;
  --display: "Syne", "Segoe UI", sans-serif;
  --sans: "Outfit", "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, monospace;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --max: 1240px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ease: linear;
  }
}