:root {
  /* globals */
  --body-font-family: Lato,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
  --body-color: var(--primary-700);
  --heading-font-family: var(--body-font-family);
  --heading-color: var(--primary-700);
  --link-color: var(--tertiary-700);
  --link-color-hover: var(--tertiary-900);
  --button-font-size: 16px;

  /* colors */
  --primary-900: #262829;
  --primary-800: #2b2d2e; /* shade + */
  --primary-700: #303233; /* base */
  --primary-600: #454747; /* tint + */
  --primary-500: #595b5c;
  --primary-400: #6e7070;
  --primary-300: #838485;
  --primary-200: #989999;
  --primary-100: #acadad;
  --primary-50: #c1c2c2;

  --secondary-900: #b11a20;
  --secondary-800: #c71e24; /* shade + */
  --secondary-700: #DD2128; /* base */
  --secondary-600: #e0373e; /* tint + */
  --secondary-500: #e44d53;
  --secondary-400: #e76469;
  --secondary-300: #eb7a7e;
  --secondary-200: #ee9094;
  --secondary-100: #f1a6a9;
  --secondary-50: #f5bcbf;

  --tertiary-900: #005f91;
  --tertiary-800: #006ba3; /* shade + */
  --tertiary-700: #0076b3; /* base */
  --tertiary-600: #1a85bc; /* tint + */
  --tertiary-500: #3392c4;
  --tertiary-400: #4da0cb;
  --tertiary-300: #66add3;
  --tertiary-200: #80bbda;
  --tertiary-100: #99c9e1;
  --tertiary-50: #b3d6e9;

  --accent-900: #ae1a21;
  --accent-800: #c31d25; /* shade + */
  --accent-700: #d92029; /* base */
  --accent-600: #dd363e; /* tint + */
  --accent-500: #e14d54;
  --accent-400: #e46369;
  --accent-300: #e8797f;
  --accent-200: #ec9094;
  --accent-100: #f0a6a9;
  --accent-50: #f4bcbf;

  --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;
}