:root {
    /* globals */
    --body-font-family: Lato,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    --body-color: #013042;
    --heading-font-family: Raleway,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    --heading-color: #013042;
    --link-color: #0077b5;
    --link-color-hover: #00476d;
    --button-font-size: 14px;
  
    /* colors */
    --primary-900: #148867;
    --primary-800: #179974; /* shade + */
    --primary-700: #148665; /* base */
    --primary-600: #30b38e; /* tint + */
    --primary-500: #47bb9a;
    --primary-400: #5ec4a7;
    --primary-300: #75ccb3;
    --primary-200: #8cd5c0;
    --primary-100: #a3ddcd;
    --primary-50: #bae6d9;
  
    --secondary-900: #002f48;
    --secondary-800: #003551; /* shade + */
    --secondary-700: #003b5a; /* base */
    --secondary-600: #1a4f6b; /* tint + */
    --secondary-500: #33627b;
    --secondary-400: #4d768c;
    --secondary-300: #66899c;
    --secondary-200: #809dad;
    --secondary-100: #99b1bd;
    --secondary-50: #b3c4ce;
  
    --tertiary-900: #cc5e4e;
    --tertiary-800: #e66a57; /* shade + */
    --tertiary-700: #138464; /* base */
    --tertiary-600: #ff8471; /* tint + */
    --tertiary-500: #ff9181;
    --tertiary-400: #ff9f90;
    --tertiary-300: #ffada0;
    --tertiary-200: #ffbbb0;
    --tertiary-100: #ffc8c0;
    --tertiary-50: #ffd6d0;
  
    --accent-900: #005f91;
    --accent-800: #006ba3; /* shade + */
    --accent-700: #0077b5; /* base */
    --accent-600: #1a85bc; /* tint + */
    --accent-500: #3392c4;
    --accent-400: #4da0cb;
    --accent-300: #66add3;
    --accent-200: #80bbda;
    --accent-100: #99c9e1;
    --accent-50: #b3d6e9;
  
    --gray-900: #000000;
    --gray-800: #191919; /* shade + */
    --gray-700: #333333; /* base */
    --gray-600: #444444; /* tint + */
    --gray-500: #666666;
    --gray-400: #7f7f7f;
    --gray-300: #a1a1a1;
    --gray-200: #dbdbdb;
    --gray-100: #eeeeee;
    --gray-50: #f6f6f6;
  }