:root {
  --color-bg: #EEF2F5;
  --color-surface: #FFFFFF;
  --color-ink: #1A2330;
  --color-muted: #5B6B7C;
  --color-brand: #1F7A8C;
  --color-brand-2: #D6EEF2;
  --color-accent: #E85D4C;
  --color-ok: #2F7D4A;
  --color-warn: #B08900;
  --color-border: #D5DEE5;
  --font-display: "IBM Plex Sans", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --radius: 12px;
  --rail-width: 15rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --shadow-board: 0 8px 28px rgba(26, 35, 48, 0.08);
  --focus: 0 0 0 3px rgba(31, 122, 140, 0.45);
}