:root {
  /* Spacing -- 2px base grid, 93% coverage */
  --space-3x: 6.0px;  /* 3 x 2px */
  --space-4x: 8.0px;  /* 4 x 2px */
  --space-5x: 10.0px;  /* 5 x 2px */
  --space-6x: 12.0px;  /* 6 x 2px */
  --space-8x: 16.0px;  /* 8 x 2px */
  --space-10x: 20.0px;  /* 10 x 2px */
  --space-12x: 24.0px;  /* 12 x 2px */
  --space-14x: 28.0px;  /* 14 x 2px */
  --space-15x: 30.0px;  /* 15 x 2px */
  --space-16x: 32.0px;  /* 16 x 2px */
  --space-20x: 40.0px;  /* 20 x 2px */
  --space-21x: 42.0px;  /* 21 x 2px */
  --space-25x: 50.0px;  /* 25 x 2px */
  --space-30x: 60.0px;  /* 30 x 2px */
  --space-35x: 70.0px;  /* 35 x 2px */
  --space-40x: 80.0px;  /* 40 x 2px */
  --space-45x: 90.0px;  /* 45 x 2px */
  --space-53x: 106.0px;  /* 53 x 2px */
  --space-54x: 108.0px;  /* 54 x 2px */
  --space-75x: 150.0px;  /* 75 x 2px */
  --space-162x: 324.0px;  /* 162 x 2px */

  /* Type -- 16.0px base, 1.125 major-second, 99% fitness */
  --text-2xs: 13.0px;  /* step -2, delta 0.36px */
  --text-xs: 14.0px;  /* step -1, delta 0.22px */
  --text-base: 16.0px;  /* step +0 */
  --text-lg: 18.0px;  /* step +1 */
  --text-xl: 20.0px;  /* step +2, delta 0.25px */
  --text-2xl: 22.4px;  /* step +3, delta 0.38px */
  --text-3xl: 25.6px;  /* step +4, delta 0.03px */
  --text-4xl: 28.0px;  /* step +5, delta 0.83px */
  /* Off-scale type sizes (outliers) */
  --text-off-1: 12.0px;
  --text-off-2: 15.0px;
  --text-off-3: 37.5px;
  --text-off-4: 39.2px;
  --text-off-5: 54.4px;

  /* Colors */
  --color-black: #000000;
  --color-yellow: #b2bb1e;
  --color-white: #ffffff;
  --color-dark-gray: #333333;
  --color-orange: #e9744b;
  --color-gray: #777777;
  --color-light-gray: #bbbbbb;
  --color-cyan: #258690;
  --color-black-2: #111111;
  --color-dark-cyan: #3a4652;
  --color-light-gray-2: #d2d2d2ea;
  --color-dark-blue: #4c525d;

  /* Radii */
  --radius-1: 12.0px;
  --radius-2: 28.0px;
  --radius-3: 30.0px;
  --radius-4: 32.0px;

  /* Shadows */
  --shadow-1: rgba(0, 0, 0, 0.18) 0px 0px 30px 0px;
  --shadow-2: rgba(0, 0, 0, 0.29) 0px 0px 10px 0px;

  /* Line heights */
  --leading-1: 13.0px;
  --leading-2: 17.8px;
  --leading-3: 20.0px;
  --leading-4: 21.0px;
  --leading-5: 22.5px;
  --leading-6: 24.0px;
  --leading-7: 25.2px;
  --leading-8: 27.0px;
  --leading-9: 30.0px;
  --leading-10: 41.2px;
  --leading-11: 43.1px;
  --leading-12: 59.8px;
  --leading-13: 75.0px;
}