: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: #185693;
    --link-color-hover: #134576;
    --button-font-size: 14px;
  
    /* colors */
    --primary-900: #cca300;
    --primary-800: #e6b800; /* shade + */
    --primary-700: #ffcc00; /* base */
    --primary-600: #ffd11a; /* tint + */
    --primary-500: #ffd633;
    --primary-400: #ffdb4d;
    --primary-300: #ffe066;
    --primary-200: #ffe680;
    --primary-100: #ffeb99;
    --primary-50: #fff0b3;
  
    --secondary-900: #1a6097;
    --secondary-800: #1e6caa; /* shade + */
    --secondary-700: #2178bd; /* base */
    --secondary-600: #3786c4; /* tint + */
    --secondary-500: #4d93ca;
    --secondary-400: #64a1d1;
    --secondary-300: #7aaed7;
    --secondary-200: #90bcde;
    --secondary-100: #a6c9e5;
    --secondary-50: #bcd7eb;
  
    --tertiary-900: #a62832;
    --tertiary-800: #bb2d38; /* shade + */
    --tertiary-700: #d0323e; /* base */
    --tertiary-600: #d54751; /* tint + */
    --tertiary-500: #d95b65;
    --tertiary-400: #de7078;
    --tertiary-300: #e3848b;
    --tertiary-200: #e8999f;
    --tertiary-100: #ecadb2;
    --tertiary-50: #f1c2c5;
  
    --accent-900: #113f72;
    --accent-800: #134780; /* shade + */
    --accent-700: #154f8e; /* base */
    --accent-600: #2c6199; /* tint + */
    --accent-500: #4472a5;
    --accent-400: #5b84b0;
    --accent-300: #7395bb;
    --accent-200: #8aa7c7;
    --accent-100: #a1b9d2;
    --accent-50: #b9cadd;
  
    --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;
  }