* { --primary-color: #005745; --secondary-color: #fff3e3; --page-background-color: #fff3e3; --content-max-width: calc(1200px + var(--content-padding) * 2); --content-narrow-max-width: calc(700px + var(--content-padding) * 2); --content-super-narrow-max-width: calc(400px + var(--content-padding) * 2); --font-size-heading-xlarge: 4rem; --font-size-heading-large: 2.9rem; --font-size-heading-medium: 2rem; --font-size-heading-small: 1.5rem; --font-size-h1: 2.9rem; --font-size-h2: 2rem; --font-size-h3: 1.5rem; --font-size-body-xlarge: 1.5rem; --font-size-body-large: 1.125rem; --font-size-body-medium: 1.1rem; --font-size-body-small: 0.95rem; --font-size-button: 1.1rem; --line-height-heading-xlarge: 5.4rem; --line-height-heading-large: 3.6rem; --line-height-heading-medium: 2.6rem; --line-height-heading-small: 1.8rem; --line-height-h1: 3.6rem; --line-height-h2: 2.6rem; --line-height-h3: 1.8rem; --line-height-body-xlarge: 1.875rem; --line-height-body-large: 1.7rem; --line-height-body-medium: 1.6rem; --line-height-body-small: 1.2rem; --letter-spacing-heading-xlarge: 1.5px; --letter-spacing-heading-large: 1.5px; --letter-spacing-heading-medium: 1.5px; --letter-spacing-heading-small: 1.5px; --letter-spacing-h1: 1.5px; --letter-spacing-h2: 1.5px; --letter-spacing-h3: 1.5px; --letter-spacing-body-xlarge: 0.5px; --letter-spacing-body-large: 0.2px; --letter-spacing-body-medium: 0px; --letter-spacing-body-small: 0px; --font-weight-heading-xlarge: 600; --font-weight-heading-large: 600; --font-weight-heading-medium: 600; --font-weight-heading-small: 600; --font-weight-h1: 600; --font-weight-h2: 600; --font-weight-h3: 600; --font-weight-body-xlarge: 400; --font-weight-body-large: 400; --font-weight-body-medium: 400; --font-weight-body-small: 400; --font-size-top-banner: 1.5rem; --line-height-top-banner: 1.9rem; --letter-spacing-top-banner: 1px; --font-weight-top-banner: 600; --font-size-top-banner-mobile: 1rem; --line-height-top-banner-mobile: 1.2rem; --letter-spacing-top-banner-mobile: 1px; --font-weight-top-banner-mobile: 600; }