:root {
  /************
    Variables
  *************/

  /*~~~~ Fonts ~~~~*/
  /* Gotham Family */
  --fnt-gthm-lt: "Gotham Light"; /* Use font-weight: 300; with this font family */
  --fnt-gthm-md: "Gotham Medium"; /* Use font-weight: 500; with this font family */
  --fnt-gthm-bld: "Gotham Bold"; /* Use font-weight: 600; with this font family */
  --fnt-gthm-blk: "Gotham Black"; /* Use font-weight: 600; with this font family */
  --fnt-gthm-ul: "Gotham Ultra"; /* Use font-weight: 900; with this font family */
  --fnt-gthm-ul-it: "Gotham Ultra Italic"; /* Use font-weight: normal; with this font family */
  --fnt-gthm-bk: "Gotham Book"; /* Use font-weight: 500; with this font family */
  --fnt-gthm-bk-it: "Gotham Book Italic"; /* Use font-weight: normal; with this font family */
  --fnt-gthm-xnrw-bk: "Gotham XNarrow Book"; /* Use font-weight: normal; with this font family */

  /*~~~~ Colors ~~~~*/
  /* Fallback Tones */
  --clr-flbck-1: #006c93;

  /* White Tones */
  --clr-wht-1: #ffffff;

  /* Black Tones */
  --clr-blk-1: #262626;
  --clr-blk-2: #333333;
  --clr-blk-3: #2d3030;

  /* Grey Tones */
  --clr-gry-1: #d0d8dc;
  --clr-gry-2: #e8ebed;
  --clr-gry-3: #e3e3e2;
  --clr-gry-4: #58595b;
  --clr-gry-5: #eceff1;
  --clr-gry-6: #d8dee2;
  --clr-gry-7: #e7e7e7;
  --clr-gry-8: #808183;
  --clr-gry-9: #303c46;
  --clr-gry-10: #57595b;
  --clr-gry-11: #b9e1e2;
  --clr-gry-12: #7d7f82;

  /* Orange Tones */
  --clr-org-1: #ff8100; /* Primary Color */
  --clr-org-2: #e0922f;
  --clr-org-3: #f7941d;

  /* Blue Tones */
  --clr-blu-1: #232e36;
  --clr-blu-2: #354754;
  --clr-blu-3: #464749;
  --clr-blu-4: #ebeef0;

  /* Yellow Tones */
  --clr-ylw-1: #efece2;
}