/* Generated from product/fast_site/design_tokens.py's css_variables() at
   render time -- this file has no values of its own; every one is written
   exactly once, in design_tokens.py. Do not hand-edit a value here. */
:root {

  --color-background: #FFFFFF;

  --color-background-subtle: #F4F3F1;

  --color-ink: #12141A;

  --color-body: #2B2E38;

  --color-muted: #6B6F7B;

  --color-border: #D9D6D0;

  --color-divider: #E7E4DE;

  --color-navy: #16203D;

  --color-navy-hover: #1F2C50;

  --color-brass: #9C7A34;

  --color-brass-hover: #8A6B2C;

  --color-brass-tint: #F3ECDD;

  --color-caution: #9C6B14;

  --color-caution-background: #FBF1DE;

  --color-critical: #8C2F2F;

  --color-critical-background: #FBEAEA;

  --font-ui: 'IBM Plex Sans', 'Public Sans', -apple-system, sans-serif;

  --font-serif: 'Newsreader', 'Libre Caslon Text', Georgia, serif;

  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  --weight-body: 400;

  --weight-emphasis: 600;

  --weight-subheading: 600;

  --weight-heading: 700;

  --line-height-body: 1.55;

  --size-0: 13px;

  --size-1: 15px;

  --size-2: 17px;

  --size-3: 20px;

  --size-4: 24px;

  --size-5: 32px;

  --size-6: 40px;

  --size-7: 52px;

  --space-1: 4px;

  --space-2: 8px;

  --space-3: 12px;

  --space-4: 16px;

  --space-5: 24px;

  --space-6: 32px;

  --space-7: 40px;

  --space-8: 48px;

  --space-9: 64px;

  --space-10: 80px;

  --breakpoint-sm: 640px;

  --breakpoint-md: 768px;

  --breakpoint-lg: 1024px;

  --breakpoint-xl: 1280px;

  --container-max-width: 1200px;

}