:root {
  /*** Colors ***/
  /*** Colors ***/
  --color-transparent: rgba(255, 255, 255, 0);

  --color-dark-900: #000000;
  --color-dark-900-o20: rgba(0, 0, 0, 0.2);
  --color-dark-900-o65: rgba(0, 0, 0, 0.65);

  --color-dark-800: #161616;
  --color-dark-800-o20: rgba(53, 53, 53, 0.2);

  --color-light-300: #c5d4d3;
  --color-light-200: #eae9f1;
  --color-light-200-faded: #f2f2f7;
  --color-light-100: #ffffff;
  --color-light-100-o20: rgba(255, 255, 255, 0.2);
  --color-light-100-o65: rgba(255, 255, 255, 0.65);
  --color-light-100-o60: rgba(255, 255, 255, 0.6);

  --color-brand: #ed0000;
  --color-brand-text: var(--color-light-100);

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

  --font-size-h1: 7rem; /* 112px */
  --font-size-h2: 4rem; /* 64px */
  --font-size-h3: 2.5rem; /* 40px */
  --font-size-h4: 2rem; /* 32px */
  --font-size-h5: 1.5rem; /* 24px */
  --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);
}