:root {
  /* generated by build_on_brand.py from the approved brand documents */
  --color-brand-primary: #781310;
  --color-brand-secondary: #1F3A5F;
  --color-brand-tertiary: #B8893B;
  --color-success: #128415;
  --color-neutral-0: #F9F6F6;
  --color-neutral-100: #DFDBDB;
  --color-neutral-200: #C6C1C1;
  --color-neutral-300: #ADA8A8;
  --color-neutral-400: #958F8F;
  --color-neutral-500: #7D7777;
  --color-neutral-600: #666060;
  --color-neutral-700: #504949;
  --color-neutral-800: #3B3434;
  --color-neutral-900: #282020;
  --color-neutral-1000: #150E0E;
  --color-bg-primary: #F9F6F6;
  --color-bg-elevated: #DFDBDB;
  --color-text-primary: #150E0E;
  --color-text-secondary: #666060;
  --color-border-default: #7D7777;
  --color-text-disabled: #7D7777;
  --color-error: #781310;
  --color-warning: #906B2E;
  --color-info: #1F3A5F;
  --color-success: #128415;
  --font-family: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --text-display-size: 64px; --text-display-line: 80px; --text-display-weight: 700;
  --text-h1-size: 45.3px; --text-h1-line: 56px; --text-h1-weight: 700;
  --text-h2-size: 32px; --text-h2-line: 40px; --text-h2-weight: 700;
  --text-lead-size: 22.6px; --text-lead-line: 34px; --text-lead-weight: 400;
  --text-body-size: 16px; --text-body-line: 24px; --text-body-weight: 400;
  --text-label-size: 16px; --text-label-line: 24px; --text-label-weight: 600;
  --text-caption-size: 16px; --text-caption-line: 24px; --text-caption-weight: 400;
  --text-overline-size: 16px; --text-overline-line: 24px; --text-overline-weight: 600;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;
  --icon-sm: 16px;
  --icon-md: 24px;
  --icon-lg: 32px;
  --motion-duration-fast: 100ms;
  --motion-duration-medium: 250ms;
  --motion-duration-slow: 500ms;
  --motion-duration-brand: 3s;
  --motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-easing-linear: linear;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg-primary: #150E0E;
    --color-bg-elevated: #282020;
    --color-text-primary: #F9F6F6;
    --color-text-secondary: #958F8F;
    --color-border-default: #666060;
    --color-text-disabled: #666060;
    --color-error: #E43A35;
    --color-warning: #B8893B;
    --color-info: #497CC4;
    --color-success: #138F16;
  }
}
