:root {
  --color-blue: #2c87f4;
  --color-gray: #5b5b5b;
  --color-dark: #151515;
  --color-text: #adadad;
  --color-white: #ffffff;
  --color-black: #000000;

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

  --font-size-h1: 4.5rem;        /* 72px */
  --font-size-h2: 3.625rem;      /* 58px */
  --font-size-h3: 2.5rem;        /* 40px */
  --font-size-h4: 2.125rem;      /* 34px */
  --font-size-h5: 1.5rem;        /* 24px */
  --font-size-h6: 1.25rem;       /* 20px */

  /*** 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);

}