/**
 * Design tokens — generated from Figma (mobile + desktop)
 * Mobile = :root | Desktop = min-width: 769px
 * Sources: New Science Page Mobile (1947:6275), New Science Page (1947:6846)
 * Do not hand-edit blindly; re-run /figma-to-styles to refresh.
 */

:root {
  /* Font sizes (mobile) */
  --font-size-h1: 36px;
  --font-size-h2: 32px;
  --font-size-h2-section: 36px;
  --font-size-h3: 28px;
  --font-size-h3-eyebrow: 12px;
  --font-size-h5: 12px;
  --font-size-h5-display: 24px;
  --font-size-body-l: 16px;
  --font-size-body: 14px;
  --font-size-body-s: 10px;
  --font-size-body-xl: 24px;
  --font-size-button: 14px;
  --font-size-button-primary: 18px;
  --font-size-phase-number: 11px;
  --font-size-chip: 12px;

  /* Padding */
  --space-padding-page: 32px;
  --space-padding-section-x: 32px;
  --space-padding-section-y: 64px;
  --space-padding-section-xxs: 32px;
  --space-padding-section-small: 80px;
  --space-padding-hero-x: 20px;
  --space-padding-hero-y: 40px;
  --space-padding-button-x: 22px;
  --space-padding-button-y: 12px;
  --space-padding-phase-y: 20px;
  --space-padding-chip-x: 16px;
  --space-padding-chip-y: 8px;
  --space-padding-callout-x: 28px;

  /* Margin */
  --space-margin-xs: 8px;
  --space-margin-sm: 12px;
  --space-margin-md: 16px;
  --space-margin-lg: 20px;
  --space-margin-xl: 24px;
  --space-margin-2xl: 32px;
  --space-margin-3xl: 56px;
  --space-margin-stack: 20px;

  /* Width / height */
  --size-width-page: 390px;
  --size-width-container: 326px;
  --size-width-content-max: 480px;
  --size-height-header: 124px;
  --size-height-announcement: 50px;
  --size-height-hero: 570px;
  --size-height-button: 47px;
  --size-height-phase-image: 293px;
}

@media (min-width: 769px) {
  :root {
    --font-size-h1: 48px;
    --font-size-h2: 48px;
    --font-size-h2-section: 32px;
    --font-size-h3: 32px;
    --font-size-h3-eyebrow: 14px;
    --font-size-h5: 14px;
    --font-size-body-l: 20px;
    --font-size-body: 16px;
    --font-size-body-s: 12px;
    --font-size-nav: 14px;
    --font-size-card-heading: 16px;

    --space-padding-section-xs: 64px;

    --space-margin-xl: 48px;
    --space-margin-2xl: 32px;
    --space-margin-3xl: 80px;
    --space-margin-stack: 50px;

    --size-width-page: 1440px;
    --size-width-container: 1376px;
    --size-width-content-max: 914px;
    --size-height-header: 119px;
    --size-height-announcement: 29px;
    --size-height-hero: 649px;
    --size-height-phase-image: 451px;
  }
}