/* Generated from brief/style. Manual token edits must be kept in sync across DESIGN.md, tokens.json and tokens.css. */
:root {
  --color-primary: #B8321B;
  --color-on-primary: #FFFFFF;
  --color-neutral: #F2F1EB;
  --color-ink: #181A16;
  --color-surface: #FFFFFF;
  --color-muted: #595B54;
  --color-border: #ACAEA4;
  --radius-none: 0px;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-full: 999px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --space-3xl: 96px;
  --type-display-font-family: Arial, Helvetica, sans-serif;
  --type-display-font-size: 88px;
  --type-display-font-weight: 800;
  --type-display-line-height: 1.02;
  --type-display-letter-spacing: -0.065em;
  --type-headline-lg-font-family: Arial, Helvetica, sans-serif;
  --type-headline-lg-font-size: 48px;
  --type-headline-lg-font-weight: 800;
  --type-headline-lg-line-height: 1.1;
  --type-headline-lg-letter-spacing: -0.035em;
  --type-headline-md-font-family: Arial, Helvetica, sans-serif;
  --type-headline-md-font-size: 32px;
  --type-headline-md-font-weight: 800;
  --type-headline-md-line-height: 1.2;
  --type-headline-md-letter-spacing: -0.025em;
  --type-headline-sm-font-family: Arial, Helvetica, sans-serif;
  --type-headline-sm-font-size: 24px;
  --type-headline-sm-font-weight: 600;
  --type-headline-sm-line-height: 1.3;
  --type-headline-sm-letter-spacing: -0.015em;
  --type-body-lg-font-family: Arial, Helvetica, sans-serif;
  --type-body-lg-font-size: 20px;
  --type-body-lg-font-weight: 400;
  --type-body-lg-line-height: 1.65;
  --type-body-lg-letter-spacing: 0em;
  --type-body-md-font-family: Arial, Helvetica, sans-serif;
  --type-body-md-font-size: 16px;
  --type-body-md-font-weight: 400;
  --type-body-md-line-height: 1.65;
  --type-body-md-letter-spacing: 0em;
  --type-body-sm-font-family: Arial, Helvetica, sans-serif;
  --type-body-sm-font-size: 14px;
  --type-body-sm-font-weight: 400;
  --type-body-sm-line-height: 1.6;
  --type-body-sm-letter-spacing: 0em;
  --type-label-lg-font-family: Arial, Helvetica, sans-serif;
  --type-label-lg-font-size: 14px;
  --type-label-lg-font-weight: 600;
  --type-label-lg-line-height: 1.2;
  --type-label-lg-letter-spacing: 0.01em;
  --type-label-sm-font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --type-label-sm-font-size: 11px;
  --type-label-sm-font-weight: 500;
  --type-label-sm-line-height: 1.5;
  --type-label-sm-letter-spacing: 0.08em;
  --component-button-primary-background-color: var(--color-primary);
  --component-button-primary-text-color: var(--color-on-primary);
  --component-button-primary-font-family: var(--type-label-lg-font-family);
  --component-button-primary-font-size: var(--type-label-lg-font-size);
  --component-button-primary-font-weight: var(--type-label-lg-font-weight);
  --component-button-primary-line-height: var(--type-label-lg-line-height);
  --component-button-primary-letter-spacing: var(--type-label-lg-letter-spacing);
  --component-button-primary-rounded: var(--radius-sm);
  --component-button-primary-padding: var(--space-md);
  --component-button-secondary-background-color: var(--color-surface);
  --component-button-secondary-text-color: var(--color-ink);
  --component-button-secondary-font-family: var(--type-label-lg-font-family);
  --component-button-secondary-font-size: var(--type-label-lg-font-size);
  --component-button-secondary-font-weight: var(--type-label-lg-font-weight);
  --component-button-secondary-line-height: var(--type-label-lg-line-height);
  --component-button-secondary-letter-spacing: var(--type-label-lg-letter-spacing);
  --component-button-secondary-rounded: var(--radius-sm);
  --component-button-secondary-padding: var(--space-md);
  --component-canvas-background-color: var(--color-neutral);
  --component-canvas-text-color: var(--color-ink);
  --component-card-background-color: var(--color-surface);
  --component-card-text-color: var(--color-ink);
  --component-card-rounded: var(--radius-md);
  --component-card-padding: var(--space-lg);
  --component-caption-background-color: var(--color-neutral);
  --component-caption-text-color: var(--color-muted);
  --component-caption-font-family: var(--type-label-sm-font-family);
  --component-caption-font-size: var(--type-label-sm-font-size);
  --component-caption-font-weight: var(--type-label-sm-font-weight);
  --component-caption-line-height: var(--type-label-sm-line-height);
  --component-caption-letter-spacing: var(--type-label-sm-letter-spacing);
  --component-divider-background-color: var(--color-border);
}