:root {
  /* Brand colors */
  --blue-ribbon:       #0172fd;
  --eerie-black:       #181818;
  --licorice:          #141414;
  --licorice-2:        #13131399;
  --cod-gray:          #131313;
  --silver-chalice:    #afafaf;
  --cultured-pearl:    #f4f5f5;
  --white:             #ffffffcc;
  --white-solid:       #ffffff;
  --persian-red:       #c93227;
  --sonic-silver:      #767676;
  --santas-gray:       #9ca3af;
  --pale-sky:          #6b7280;
  --scarpa-flow:       #4b5563;
  --bright-gray:       #374151;
  --science-blue:      #004fe3;
  --quill-gray:        #d4d4d4;
  --red-orange:        #ff4736;
  --tropical-blue:     #bfdbff;

  /* Fonts */
  --font-montserrat:   "Montserrat", Helvetica, sans-serif;
  --font-raleway:      "Raleway", Helvetica, sans-serif;

  /* Font sizes (design scale) */
  --fs-10:  10px;
  --fs-12:  12px;
  --fs-14:  14px;
  --fs-16:  16px;
  --fs-18:  18px;
  --fs-20:  20px;
  --fs-24:  24px;
  --fs-28:  28px;
  --fs-32:  32px;
  --fs-36:  36px;
  --fs-40:  40px;
  --fs-44:  44px;
  --fs-48:  48px;
  --fs-64:  64px;
  --fs-72:  72px;
  --fs-84:  84px;

  /* Spacing */
  --page-max:    1600px;
  --page-pad:    160px;
  --page-pad-sm: 80px;
  --page-pad-xs: 24px;
}