:root {
  --font-size-hero-lg: var(--fs-4xl);
  --font-size-hero: var(--fs-3-5xl);

  --font-size-heading-3xl: var(--fs-3xl);
  --font-size-heading-2xl: var(--fs-2xl);
  --font-size-heading-xl: var(--fs-xl);
  --font-size-heading-lg: var(--fs-lg);
  --font-size-heading-md: var(--fs-md);
  --font-size-heading-sm: var(--fs-sm);
  --font-size-heading-xs: var(--fs-xs);

  --font-size-lead: var(--fs-lg);
  --font-size-label: var(--fs-xs);

  --font-size-base: var(--fs-md);
  --font-size-small: var(--fs-sm);
  --font-size-medium: var(--fs-md);
  --font-size-large: var(--fs-base);

  --lh-hero-lg: var(--fs-5xl);
  --lh-hero: 2.625rem; /*do not cut off descenders and ascenders: Ö, g*/

  --lh-heading-3xl: var(--lh-tighter);
  --lh-heading-2xl: var(--lh-tight);
  --lh-heading-xl: var(--lh-snug);
  --lh-heading-lg: var(--lh-normal);
  --lh-heading-md: var(--lh-comfort);
  --lh-heading-sm: var(--lh-tight);
  --lh-heading-xs: var(--lh-cozy);

  --lh-lead: var(--lh-relaxed);
  --lh-base: var(--lh-extra-loose);
  --lh-small: var(--lh-loose);
  --lh-large: var(--lh-relaxed);
  --lh-label: var(--lh-cozy);

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;

  /* link underline */
  --text-decoration: underline;
  --text-decoration-style: solid;
  --text-decoration-skip-ink: auto;
  --text-decoration-thickness: 6%;
  --text-underline-offset: 25%;
}

@media (min-width: 1280px) {
  :root {
    --font-size-hero-lg: var(--fs-9xl);
    --font-size-hero: var(--fs-7xl);

    --font-size-heading-3xl: var(--fs-5xl);
    --font-size-heading-2xl: var(--fs-3xl);
    --font-size-heading-xl: var(--fs-2xl);
    --font-size-heading-lg: var(--fs-xl);
    --font-size-heading-md: var(--fs-lg);
    --font-size-heading-sm: var(--fs-md);

    --font-size-lead: var(--fs-3xl);
    --font-size-label: var(--fs-md);

    --font-size-base: var(--fs-lg);
    --font-size-small: var(--fs-md);
    --font-size-medium: var(--fs-base);
    --font-size-large: var(--fs-xl);

    --lh-hero-lg: var(--fs-xxl);
    --lh-hero: 5.25rem; /*do not cut off descenders and ascenders: Ö, g (84px)*/

    --lh-heading-3xl: var(--lh-comfort);
    --lh-heading-2xl: var(--lh-comfort);
    --lh-heading-xl: var(--lh-tight);
    --lh-heading-lg: var(--lh-snug);
    --lh-heading-md: var(--lh-normal);
    --lh-heading-sm: var(--lh-extra-loose);

    --lh-lead: var(--lh-extra-loose);
    --lh-base: var(--lh-max-loose);
    --lh-small: var(--lh-extra-loose);
    --lh-large: var(--lh-cozy);
    --lh-label: var(--lh-comfort);
  }
}