/* Crownless UI 0.1 — propozycja; jedno źródło: tokens.json */
:root {
  --cl-color-canvas: #e9dcc3;
  --cl-color-surface: #fff8e8;
  --cl-color-surface-raised: #fffdf5;
  --cl-color-ink: #172e48;
  --cl-color-muted: #536071;
  --cl-color-border: #857454;
  --cl-color-accent: #8c2538;
  --cl-color-primary: #173c60;
  --cl-color-primary-hover: #245579;
  --cl-color-selected: #e1eafa;
  --cl-color-danger: #992b39;
  --cl-color-danger-surface: #fbe8e7;
  --cl-color-success: #295c45;
  --cl-color-success-surface: #e6f1e8;
  --cl-color-warning: #705019;
  --cl-color-warning-surface: #fcf0cc;
  --cl-color-focus: #216aab;
  --cl-color-on-primary: #ffffff;
  --cl-color-disabled: #e0dbd1;
  --cl-color-overlay: #111e32b8;
  --cl-font-heading: 'Alegreya', Georgia, serif;
  --cl-font-body: 'Source Sans 3', 'Segoe UI', Arial, sans-serif;
  --cl-space-1: 4px;
  --cl-space-2: 8px;
  --cl-space-3: 12px;
  --cl-space-4: 16px;
  --cl-space-6: 24px;
  --cl-space-8: 32px;
  --cl-space-12: 48px;
  --cl-radius-control: 4px;
  --cl-radius-panel: 8px;
  --cl-size-body: 18px;
  --cl-size-small: 16px;
  --cl-size-control: 44px;
  --cl-size-content: 1600px;
  --cl-border-width: 1px;
  --cl-state-focus-width: 3px;
}