/* Design tokens. Every colour, radius, and font in the UI comes from here. */
:root {
  --bg: #090c13;
  --bg-2: #0e1320;
  --surface: rgba(255, 255, 255, 0.035);
  --surface-2: rgba(255, 255, 255, 0.07);
  --surface-3: rgba(255, 255, 255, 0.11);
  --border: rgba(255, 255, 255, 0.09);
  --border-strong: rgba(255, 255, 255, 0.18);
  --text: #e9ecf3;
  --muted: #98a2b8;
  --accent: #8b7cff;
  --accent-2: #3ad3ff;
  --accent-grad: linear-gradient(135deg, #8b7cff 0%, #3ad3ff 100%);
  --ok: #3ad29f;
  --warn: #ffb85c;
  --danger: #ff5c7a;
  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --nav-h: 64px;
}