: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: #793C1E;
    --link-color-hover: #005a65;
    --button-font-size: 14px;
  
    /* colors */
    --primary-900: #0090a3;
    --primary-800: #00a2b8; /* shade + */
    --primary-700: #005a65; /* base */
    --primary-600: #1abcd1; /* tint + */
    --primary-500: #33c3d6;
    --primary-400: #4dcbdb;
    --primary-300: #66d2e0;
    --primary-200: #80dae6;
    --primary-100: #99e1eb;
    --primary-50: #b3e9f0;
  
    --secondary-900: #cc9200;
    --secondary-800: #e6a500; /* shade + */
    --secondary-700: #664900; /* base */
    --secondary-600: #ffbe1a; /* tint + */
    --secondary-500: #ffc533;
    --secondary-400: #ffcd4d;
    --secondary-300: #ffd466;
    --secondary-200: #ffdb80;
    --secondary-100: #ffe299;
    --secondary-50: #ffe9b3;
  
    --tertiary-900: #1c2839;
    --tertiary-800: #202d40; /* shade + */
    --tertiary-700: #233247; /* base */
    --tertiary-600: #394759; /* tint + */
    --tertiary-500: #4f5b6c;
    --tertiary-400: #65707e;
    --tertiary-300: #7b8491;
    --tertiary-200: #9199a3;
    --tertiary-100: #a7adb5;
    --tertiary-50: #bdc2c8;
  
    --accent-900: #c26032;
    --accent-800: #da6c38; /* shade + */
    --accent-700: #793C1E; /* base */
    --accent-600: #f38651; /* tint + */
    --accent-500: #f59365;
    --accent-400: #f6a178;
    --accent-300: #f7ae8b;
    --accent-200: #f9bc9f;
    --accent-100: #fac9b2;
    --accent-50: #fbd7c5;
  
    --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: #333333;
    --gray-50: #f6f6f6;
  }