:root {

  --color-primary: #f49a0f;
  --color-secondary: #225b74;
  --color-secondary-dark: #134f6c;
  --color-bg-dark: #235c74;

  --color-text: #767676;
  --color-text-heading: #343434;
  --color-text-muted: #767676;
  --color-dark: #232323;
  --color-text-inverse: #ffffff;
  --color-bg: #ffffff;
  --color-bg-alt: #f8f8f8;
  --color-bg-secondary: #f4f4f4;
  --color-border: #f4f4f4;

  --font-heading: 'Muli', Arial, Helvetica, sans-serif;
  --font-body: 'Lato', Arial, Helvetica, sans-serif;

  --text-h1-size: 4rem;
  --text-h1-line-height: 1.015625;
  --text-h1-size-mobile: 2.8125rem;
  --text-h2-size: 2.8125rem;
  --text-h2-line-height: 1.15555556;
  --text-h2-size-mobile: 2rem;
  --text-h3-size: 2rem;
  --text-h3-line-height: 1.421875;
  --text-h3-size-mobile: 1.4375rem;
  --text-h4-size: 1.4375rem;
  --text-h4-line-height: 1.41304348;
  --text-h5-size: 1rem;
  --text-h5-line-height: 1.625;
  --text-h6-size: 0.625rem;
  --text-h6-line-height: 2.6;
  --text-lead-size: 1.4375rem;
  --text-lead-line-height: 1.69565217;
  --text-body-size: 1rem;
  --text-body-line-height: 1.625;
  --text-nav-size: 0.8125rem;
  --tracking-wide: 1px;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;

  --radius-pill: 100px;
  --radius-circle: 50%;
  --radius-sm: 4px;
  --shadow-1: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  --shadow-2: 0 0 15px rgba(0, 0, 0, 0.1);
  --border-width: 1px;
  --border-width-thick: 2px;

  --content-narrow-width: 43.75rem;

  --container-width-tablet: 46.875rem;
  --container-width-desktop: 73.125rem;

  --content-card-row-height-tablet: 32rem;
  --content-card-row-height-desktop: 25rem;

  --icon-text-grid-card-overlap: 6.5rem;

  --image-gallery-thumb-size: 9.375rem;
}