:root {
  /*** Colors ***/
  --color-primary: #051324;
  --color-primary-fade: rgba(5, 25, 36, 0.4);

  /* Blue */
  --color-blue: #3e9ff5;
  --color-blue-2: #19507d;
  --color-royal-blue: #368fd9;
  --color-steel-blue: #2b6ea9;
  --color-navy: #082443;

  /* Orange */
  --color-apricot: #d58433;
  --color-orange: ##ff9e00;

  /* Light */
  --color-white: #ffffff;
  --color-white-2: #ebeef0;
  --color-white-3: #f7f5f3;
  --color-light-taupe: #f1f1ee;

  --color-sand: #d5cec4;
  --color-sand-2: #d5cec3;
  --color-sand-3: #e3dfd8;

  --color-steel: #5d6671;

  /* Dark */
  --color-black: #111111;
  --color-black-2: #242321;
  --color-charcoal: #232323;

  /*** Typography ***/
  --font-size-base: 16px; /* 16px */
  --font-size-h1: 6rem; /* 96px */
  --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-large: 6.45rem; /* 103.13px */
  --font-size-small: 0.875rem; /* 14px */
  --font-size-large-2: 6.5rem;

  /*** Spacing ***/
  --section-padding: 100px;
  --section-padding-half: calc(var(--section-padding) / 2);

  --header-height-desktop: 117px;
  --header-height-mobile: 132px;
  --header-wp-admin-bar: 32px;
}