:root {
  --color-brand: var(--malverns-oxblood);
  --color-action: var(--malverns-butter);
  --color-canvas: var(--malverns-shell);
  --color-text: var(--malverns-ink);
  --color-surface: #FFFFFF;
  --color-surface-subtle: #F4EDE3;
  --color-text-muted: #6F6265;
  --color-border: #D9CFCC;
  --color-control-border: #8B797D;
  --color-brand-hover: #5B333C;
  --color-action-hover: #F4CE50;
  --color-action-pressed: #EBC23D;
  --color-selected: #F1E5E7;
  --color-danger: #B42332;
  --color-danger-bg: #FCECEF;
  --color-success: #216744;
  --color-success-bg: #EAF4ED;
  --color-warning: #805A00;
  --color-warning-bg: #FFF3CF;
  --color-info: #285C89;
  --color-info-bg: #EDF3FA;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --radius-control: 12px;
  --radius-panel: 18px;
  --radius-dialog: 24px;
  --radius-pill: 999px;
  --header-height: 80px;
  --rail-width: 208px;
  --basket-width: 520px;
  --control-height: 48px;
  --control-height-large: 56px;
  --duration-fast: 120ms;
  --duration-normal: 180ms;
}