:root {
  --bg: #f0f4f8;
  --canvas: #ffffff;
  --surface: #ffffff;
  --surface-2: #f5f8fb;
  --surface-3: #e8eef4;
  --surface-4: #dce5ee;
  --nav: #0f1c2e;
  --nav-hover: #162438;
  --ink: #0d1b2a;
  --text: #1a2b3c;
  --muted: #4a6072;
  --muted-2: #6e8496;
  --text-2: #6e8496;
  --line: #c8d4de;
  --line-2: #dde6ed;
  --accent: #0ea5e9;
  --accent-strong: #0284c7;
  --accent-soft: rgba(14, 165, 233, 0.10);
  --btn: #0369a1;
  --btn-hover: #075985;
  --danger: #dc2626;
  --danger-soft: rgba(220, 38, 38, 0.08);
  --radius: 6px;
  --radius-sm: 4px;
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Cantarell, "Helvetica Neue", sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", "SFMono-Regular", Consolas, monospace;
}