/* Generated from product/verify_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, which re-exports core/report/
   design_system.py's tokens read-only. Do not hand-edit a value here. */
:root {

  --color-background: #FFFFFF;

  --color-background-subtle: #F7F8F7;

  --color-heading: #1A1D1B;

  --color-body: #2D2D2D;

  --color-muted: #6B7280;

  --color-border: #D1D5DB;

  --color-divider: #E5E7EB;

  --color-accent: #004800;

  --color-accent-hover: #0A5D0A;

  --color-accent-tint: #E8F3E8;

  --color-caution: #B45309;

  --color-caution-background: #FEF3E2;

  --color-critical: #991B1B;

  --color-critical-background: #FDECEC;

  --font-ui: Inter, -apple-system, BlinkMacSystemFont, &#34;Segoe UI&#34;, Roboto, Helvetica, Arial, sans-serif;

  --font-serif: &#34;Source Serif 4&#34;, Georgia, &#34;Times New Roman&#34;, serif;

  --font-mono: &#34;IBM Plex Mono&#34;, &#34;SF Mono&#34;, Consolas, &#34;Liberation Mono&#34;, monospace;

  --weight-body: 400;

  --weight-emphasis: 500;

  --weight-subheading: 600;

  --weight-heading: 700;

  --size-0: 12px;

  --size-1: 14px;

  --size-2: 16px;

  --size-3: 20px;

  --size-4: 25px;

  --size-5: 31px;

  --size-6: 39px;

  --line-height-body: 1.5;

  --space-1: 4px;

  --space-2: 8px;

  --space-3: 12px;

  --space-4: 16px;

  --space-5: 24px;

  --space-6: 32px;

  --space-7: 48px;

  --space-8: 64px;

  --space-9: 96px;

  --space-10: 128px;

  --vsite-size-7: 49px;

  --vsite-breakpoint-sm: 640px;

  --vsite-breakpoint-md: 768px;

  --vsite-breakpoint-lg: 1024px;

  --vsite-breakpoint-xl: 1280px;

  --vsite-container-max-width: 1200px;

}