:root {
  --color-red: #ef4b24;
  --color-gray: rgb(255 255 255 / 20%);
  --color-dark: #212e3b;
  --color-dark2: #2a3643;
  --color-text: rgb(255 255 255 / 65%);
  --color-white: #ffffff;
  --color-white-o20: rgb(255 255 255, 0.2);
  --color-black: #000000;
  --color-light: #dee6eb;

  --color-dark-900-o65: rgba(33, 46, 59, 0.65);
  --color-dark-900-o20: rgba(33, 46, 59, 0.2);

  /*** Typography ***/
  --font-size-base: 1rem; /* 16px */
  --font-size-lg: 1.125rem; /* 18px */
  --font-size-small: 0.875rem; /* 14px */

  --font-size-h1: 5.5rem; /* 88px */
  --font-size-h2: 4.5rem; /* 72px */
  --font-size-h3: 3.25rem; /* 52px */
  --font-size-h4: 3rem; /* 48px */
  --font-size-h5: 1.75rem; /* 28px */
  --font-size-h6: 1rem; /* 16px */

  /*** Spacing ***/
  --section-padding-sm: 48px;
  --section-padding: 112px;
  --section-padding-lg: 160px;
  --sticky-section-padding: 0px;

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

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