/* Generated from tokens.json and web.json. Do not edit. */
:root {
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --duration-fast: 150ms;
  --duration-base: 200ms;
  --duration-slow: 300ms;
  --duration-slower: 500ms;
  --duration-pulse: 2000ms;
  --ease-standard: ease-out;
  --ease-emphasized: ease-in-out;
  --icon-xs: 0.75rem;
  --icon-sm: 1rem;
  --icon-md: 1.25rem;
  --icon-lg: 1.5rem;
  --web-size-control: 2.75rem;
  --web-size-control-compact: 2.5rem;
  --web-size-nav: 5rem;
  --web-size-hero-offset: 8rem;
  --web-size-hero-offset-wide: 10rem;
  --web-size-portrait: 7rem;
  --web-size-portrait-wide: 8rem;
  --web-width-content: 82.5rem;
  --web-width-reading: 46rem;
  --web-width-copy: 48rem;
  --web-width-prose: 56rem;
  --web-width-feature: 64rem;
  --web-width-article: 108rem;
  --web-width-figure: 80rem;
  --web-width-wide: 72rem;
  --web-width-table: 36rem;
  --web-width-dropdown: 25rem;
  --web-width-label: 19rem;
  --web-width-narrow: 32rem;
  --web-width-line: 72ch;
  --web-width-pipeline-copy: 17rem;
  --web-fluid-gutter: clamp(var(--space-lg), 4vw, var(--space-3xl));
  --web-fluid-section: clamp(var(--space-xl), 5vw, var(--space-3xl));
  --web-fluid-scene: clamp(var(--space-2xl), 6vh, var(--space-4xl));
  --web-fluid-scene-gap: clamp(var(--space-2xl), 8vh, var(--space-4xl));
  --web-border-hairline: var(--rule-hairline);
  --web-border-focus: var(--rule-standard);
  --web-border-emphasis: var(--rule-heavy);
  --web-radius-pill: 9999px;
  --web-opacity-muted: 0.8;
  --web-opacity-enter: 0.6;
  --web-opacity-tint: 0.3;
  --web-opacity-faint: 0.15;
  --web-opacity-half: 0.5;
  --web-opacity-glass: 0.9;
  --web-opacity-scrim: 0.85;
  --web-blur-soft: 4px;
  --web-blur-panel: 8px;
  --web-type-stat-size: clamp(3.5rem, 7vw, 7rem);
  --web-type-stat-weight: 700;
  --web-type-stat-leading: 1.1;
  --web-type-stat-tracking: -0.04em;
}