:root {
  --color-surface: #ffffff;
  --color-surface-subtle: #f5f7f9;
  --color-text: #1f2933;
  --color-text-muted: #52606d;
  --color-border: #cbd2d9;
  --color-action: #245b78;
  --color-action-text: #ffffff;
  --color-success: #247a52;
  --color-warning: #9a6700;
  --color-danger: #b42318;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --radius-control: 0.375rem;
  --radius-panel: 0.625rem;
  --focus-ring: 0 0 0 3px rgb(36 91 120 / 30%);
}