:root {
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --surface-soft: #edf3f1;
  --surface-feature: #2d4a55;
  --text: #1c272a;
  --text-muted: #52656c;
  --text-on-feature: #ffffff;
  --border: #cbd6d7;
  --action: #68aa98;
  --action-hover: #83bdad;
  --on-action: #1c272a;
  --focus: #267761;
  --link-hover: #26705b;
  --chrome: #1c272a;
  --chrome-text: #ffffff;
  --chrome-muted: #b2c0c4;
  --chrome-border: #46575d;
  --accent: #68aa98;
  --accent-light: #a9d2c5;
  --hero-scrim: linear-gradient(90deg, #2d4a55 0%, #2d4a55 34%, #2d4a55ed 48%, #2d4a554d 66%, #2d4a5500 80%);
  --caption-background: #1c272ae8;
  --font-body: 'Source Sans 3', 'Segoe UI', Arial, sans-serif;
  --font-display: 'Poppins', 'Segoe UI', Arial, sans-serif;
  --font-xs: .8125rem;
  --font-sm: .9375rem;
  --font-md: 1rem;
  --font-lg: 1.25rem;
  --font-xl: 1.375rem;
  --font-2xl: 2rem;
  --font-3xl: clamp(1.75rem, 3vw, 2.5rem);
  --font-display-size: clamp(2rem, 4.6vw, 4rem);
  --font-article: clamp(2rem, 4.4vw, 3.5rem);
  --brand-width: 15.5rem;
  --leading-copy: 1.7;
  --leading-heading: 1.22;
  --tracking-heading: -.035em;
  --tracking-label: .08em;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section-space: clamp(3.5rem, 7vw, 6.5rem);
  --page-width: 81rem;
  --text-width: 66ch;
  --intro-width: 48rem;
  --border-width: 1px;
  --focus-width: 3px;
  --radius: 0;
  --radius-button: 3rem;
  --radius-round: 50%;
  --control-height: 3.15rem;
  --icon-size: 1.4rem;
  --transition: 150ms ease-out;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --surface: #172125;
    --surface-raised: #1c2b30;
    --surface-soft: #22343a;
    --text: #f5f8f7;
    --text-muted: #b2c0c4;
    --border: #53676e;
    --focus: #a9d2c5;
    --link-hover: #a9d2c5;
    color-scheme: dark;
  }
}