: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: #0d9c78;
    --link-color-hover: #096d54;
    --button-font-size: 14px;
  
    /* colors */
    --primary-900: #27313d;
    --primary-800: #2c3744; /* shade + */
    --primary-700: #313d4c; /* base */
    --primary-600: #46505e; /* tint + */
    --primary-500: #5a6470;
    --primary-400: #6f7782;
    --primary-300: #838b94;
    --primary-200: #989ea6;
    --primary-100: #adb1b7;
    --primary-50: #c1c5c9;
  
    --secondary-900: #c20c1c;
    --secondary-800: #db0e20; /* shade + */
    --secondary-700: #df0b1e; /* base */
    --secondary-600: #f42739; /* tint + */
    --secondary-500: #f53f4f;
    --secondary-400: #f75765;
    --secondary-300: #f86f7b;
    --secondary-200: #f98791;
    --secondary-100: #fa9fa7;
    --secondary-50: #fbb7bd;
  
    --tertiary-900: #1a3e80;
    --tertiary-800: #1e4590; /* shade + */
    --tertiary-700: #214da0; /* base */
    --tertiary-600: #375faa; /* tint + */
    --tertiary-500: #4d71b3;
    --tertiary-400: #6482bd;
    --tertiary-300: #7a94c6;
    --tertiary-200: #90a6d0;
    --tertiary-100: #a6b8d9;
    --tertiary-50: #bccae3;
  
    --accent-900: #c99132;
    --accent-800: #e2a338; /* shade + */
    --accent-700: #fbb53e; /* base */
    --accent-600: #fbbc51; /* tint + */
    --accent-500: #fcc465;
    --accent-400: #fccb78;
    --accent-300: #fdd38b;
    --accent-200: #fdda9f;
    --accent-100: #fde1b2;
    --accent-50: #fee9c5;
  
    --gray-900: #323232;
    --gray-800: #383838; /* shade + */
    --gray-700: #3e3e3e; /* base */
    --gray-600: #515151; /* tint + */
    --gray-500: #656565;
    --gray-400: #787878;
    --gray-300: #8b8b8b;
    --gray-200: #9f9f9f;
    --gray-100: #b2b2b2;
    --gray-50: #c5c5c5;
}