:root {
  --color-bg: #f4f6f9;
  --color-surface: #ffffff;
  --color-surface-alt: #e8ecf2;
  --color-ink: #1a1f2e;
  --color-ink-muted: #5a6478;
  --color-accent: #2563eb;
  --color-accent-hot: #3b82f6;
  --color-accent-soft: #dbeafe;
  --color-band: #eef2f8;
  --color-highlight: #c7d7f5;
  --color-border: #c9d2e0;
  --color-ok: #0f766e;
  --color-warn: #b45309;
  --color-glow: rgba(37, 99, 235, 0.28);
  --font-sans: "Manrope", "Segoe UI", sans-serif;
  --font-serif: "Source Serif 4", "Georgia", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius: 10px;
  --radius-chip: 999px;
  --container: 1120px;
  --shadow-frame: 0 0 0 1px var(--color-border);
  --header-offset: 0px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}