@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&family=Syne:wght@500;600;700&display=swap');

:root {
  --navy: #0a0f2c;
  --navy-raised: #111936;
  --navy-card: #141d3a;
  --cyan: #00d4ee;
  --cyan-dim: #00a8c4;
  --cyan-glow: rgba(0, 212, 238, 0.35);
  --white: #f4f7fa;
  --muted: #8ba4b4;
  --muted-dim: #5f7385;
  --line: rgba(139, 164, 180, 0.18);
  --line-strong: rgba(0, 212, 238, 0.22);
  --max: 1160px;
  --header-h: 72px;
  --display: "Syne", system-ui, sans-serif;
  --body: "IBM Plex Sans", system-ui, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, monospace;
}