/* Generated by design/tools/generate-brand-palette.mjs. Edit design/tokens/brand.json. */
:root {
  --ay-font: 'Inter', system-ui, sans-serif;
  --ay-light-ink: #232a33;
  --ay-light-muted: #616872;
  --ay-light-action: #b84f2c;
  --ay-light-action-hover: #993d20;
  --ay-light-on-action: #ffffff;
  --ay-light-action-soft: #f8ede7;
  --ay-light-canvas: #faf7f2;
  --ay-light-surface: #ffffff;
  --ay-light-surface-muted: #f3f0eb;
  --ay-light-border: #ddd9d2;
  --ay-light-control-border: #858a90;
  --ay-light-focus: #b84f2c;
  --ay-light-success: #247044;
  --ay-light-success-soft: #eaf5ed;
  --ay-light-warning: #8a5700;
  --ay-light-warning-soft: #fff4d6;
  --ay-light-danger: #b42332;
  --ay-light-danger-soft: #fdecef;
  --ay-light-info: #315e9c;
  --ay-light-info-soft: #edf3fa;
  --ay-dark-ink: #f5f3ef;
  --ay-dark-muted: #b8bdc5;
  --ay-dark-action: #e8a083;
  --ay-dark-action-hover: #f0b49a;
  --ay-dark-on-action: #232a33;
  --ay-dark-action-soft: #392d28;
  --ay-dark-canvas: #191d23;
  --ay-dark-surface: #232a33;
  --ay-dark-surface-muted: #2d343d;
  --ay-dark-border: #444b54;
  --ay-dark-control-border: #818995;
  --ay-dark-focus: #f0b49a;
  --ay-dark-success: #8fd5a7;
  --ay-dark-success-soft: #20372a;
  --ay-dark-warning: #e9c06f;
  --ay-dark-warning-soft: #392f1b;
  --ay-dark-danger: #ffadb4;
  --ay-dark-danger-soft: #42252c;
  --ay-dark-info: #a8c8ef;
  --ay-dark-info-soft: #243448;
  --ay-radius-control: 6px;
  --ay-radius-small: 8px;
  --ay-radius-medium: 12px;
  --ay-radius-large: 16px;
  --ay-space-4: 4px;
  --ay-space-8: 8px;
  --ay-space-12: 12px;
  --ay-space-16: 16px;
  --ay-space-24: 24px;
  --ay-space-32: 32px;
  --ay-space-48: 48px;
  --ay-space-64: 64px;
  --ay-type-small-size: 14px;
  --ay-type-small-line-height: 1.5;
  --ay-type-small-weight: 400;
  --ay-type-body-size: 16px;
  --ay-type-body-line-height: 1.5;
  --ay-type-body-weight: 400;
  --ay-type-card-size: 20px;
  --ay-type-card-line-height: 1.3;
  --ay-type-card-weight: 600;
  --ay-type-section-size: 36px;
  --ay-type-section-line-height: 1.15;
  --ay-type-section-weight: 700;
  --ay-type-title-size: 52px;
  --ay-type-title-line-height: 1.08;
  --ay-type-title-weight: 700;
  --ay-layout-content: 1200px;
  --ay-layout-reading: 760px;
  --ay-control-height: 48px;
  --ay-control-icon: 20px;
}