:root {
  /*** Colors ***/
  --color-sunrise: #e36927;
  --color-sunrise-2: #d16124;
  --color-sunrise-3: #fc752b;
  --color-alabaster: #f3f5f6;
  --color-stone-gray: #c9c8be;
  --color-steel: #495054;
  --color-steel-faded: rgba(73, 80, 84, 0.5); /* #495054 .5 */
  --color-black: #000000;

  --color-gray: #939393;
  --color-gray-faded: rgba(147, 147, 147, 0.5); /* #939393 .5 */
  --color-gray-2: #485255;

  --color-midnight: #10262e;
  --color-midnight-faded: rgba(16, 38, 46, 0.2); /* #10262e .2 */
  --color-midnight-faded-2: rgba(16, 38, 46, 0.9); /* #10262e .9 */
  --color-midnight-2: #0c1d24;

  --color-white: #ffffff;
  --color-white-2: #f5f5f5;
  --color-white-2-faded: rgba(245, 245, 245, 0.2); /* #f5f5f5 .5 */
  --color-white-3: #ececec;

  /*** Typography ***/
  --font-size-base: 16px;
  --font-size-h1: 3.5rem; /* 56px */
  --font-size-h2: 3rem; /* 48px */
  --font-size-h3: 2.25rem; /* 36px */
  --font-size-h4: 1.5rem; /* 24px */
  --font-size-h5: 1.25rem; /* 20px */
  --font-size-h6: 1.125rem; /* 18px */

  --font-size-lg: 1.25rem; /* 20px */
  --font-size-small: 0.8125rem; /* 13px */

  /*** Spacing ***/
  --section-padding-sm: 60px;
  --section-padding: 80px;
  --section-padding-md: 92px;
  --section-padding-lg: 120px;

  --header-height-desktop: 72px;
  --header-height-mobile: 72px;
  --header-wp-admin-bar: 32px;
  --header-wp-admin-bar-mobile: 46px;

  --animation-timing: cubic-bezier(0.71, 0, 0.26, 0.99);
}