: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: #185F77;
    --link-color-hover: #096d54;
    --button-font-size: 14px;
  
    /* colors */
    --primary-900: #2d819d;
    --primary-800: #3291b0; /* shade + */
    --primary-700: #38a1c4; /* base */
    --primary-600: #4caaca; /* tint + */
    --primary-500: #60b4d0;
    --primary-400: #74bdd6;
    --primary-300: #88c7dc;
    --primary-200: #9cd0e2;
    --primary-100: #afd9e7;
    --primary-50: #c3e3ed;
  
    --secondary-900: #144253;
    --secondary-800: #174a5e; /* shade + */
    --secondary-700: #195268; /* base */
    --secondary-600: #306377; /* tint + */
    --secondary-500: #477586;
    --secondary-400: #5e8695;
    --secondary-300: #7597a4;
    --secondary-200: #8ca9b4;
    --secondary-100: #a3bac3;
    --secondary-50: #bacbd2;
  
    --tertiary-900: #89939c;
    --tertiary-800: #9aa6b0; /* shade + */
    --tertiary-700: #abb8c3; /* base */
    --tertiary-600: #b3bfc9; /* tint + */
    --tertiary-500: #bcc6cf;
    --tertiary-400: #c4cdd5;
    --tertiary-300: #cdd4db;
    --tertiary-200: #d5dce1;
    --tertiary-100: #dde3e7;
    --tertiary-50: #e6eaed;
  
    --accent-900: #9d8e35;
    --accent-800: #b09f3b; /* shade + */
    --accent-700: #c4b142; /* base */
    --accent-600: #cab955; /* tint + */
    --accent-500: #d0c168;
    --accent-400: #d6c87b;
    --accent-300: #dcd08e;
    --accent-200: #e2d8a1;
    --accent-100: #e7e0b3;
    --accent-50: #ede8c6;
  
    --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;
  }