:root,
[data-color-scheme="light"] {
  --purpur-typography-family-default: TeliaSans, Helvetica, Arial, "Lucida Grande", sans-serif;
  --purpur-typography-family-display: TeliaSansHeading, Helvetica, Arial, "Lucida Grande",
    sans-serif;
  --purpur-typography-weight-normal: 400;
  --purpur-typography-weight-medium: 500;
  --purpur-typography-weight-bold: 700;
  --purpur-typography-line-height-tight: 100%;
  --purpur-typography-line-height-snug: 110%;
  --purpur-typography-line-height-default: 125%;
  --purpur-typography-line-height-loose: 150%;
  --purpur-typography-line-height-looser: 175%;
  --purpur-typography-scale-50: calc(0.75rem * var(--purpur-rescale));
  --purpur-typography-scale-75: calc(0.875rem * var(--purpur-rescale));
  --purpur-typography-scale-100: calc(1rem * var(--purpur-rescale));
  --purpur-typography-scale-150: calc(1.125rem * var(--purpur-rescale));
  --purpur-typography-scale-200: calc(1.25rem * var(--purpur-rescale));
  --purpur-typography-scale-300: calc(1.375rem * var(--purpur-rescale));
  --purpur-typography-scale-400: calc(1.5rem * var(--purpur-rescale));
  --purpur-typography-scale-500: calc(1.75rem * var(--purpur-rescale));
  --purpur-typography-scale-600: calc(2rem * var(--purpur-rescale));
  --purpur-typography-scale-650: calc(2.25rem * var(--purpur-rescale));
  --purpur-typography-scale-700: calc(2.5rem * var(--purpur-rescale));
  --purpur-typography-scale-800: calc(3rem * var(--purpur-rescale));
  --purpur-typography-scale-850: calc(3.5rem * var(--purpur-rescale));
  --purpur-typography-scale-900: calc(4rem * var(--purpur-rescale));
  --purpur-typography-scale-1000: calc(5rem * var(--purpur-rescale));
  --purpur-typography-scale-1100: calc(6rem * var(--purpur-rescale));
}
