:root {
  /*** Colors ***/
  --color-primary: #6b0814;
  --color-primary-2: #4b060e;
  --color-secondary: #af9042;
  --color-secondary-faded: rgba(175, 144, 66, 0.5);

  --color-light-100: #f4f4ef;
  --color-light-200: #e2e2d9;
  --color-black: #000;
  --color-black-faded: rgba(0, 0, 0, 0.12);
  --color-black-faded-65: rgba(0, 0, 0, 0.65);
  --color-black-faded-3: rgba(0, 0, 0, 0.3);
  --color-white: #f4f4ef;
  --color-white-faded-65: rgba(244, 244, 239, 0.65);

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

  --font-size-h1: 5rem; /* 80px */
  --font-size-h2: 3.25rem; /* 52px */
  --font-size-h3: 2.5rem; /* 40px */
  --font-size-h4: 1.875rem; /* 30px */
  --font-size-h5: 1.25rem; /* 20px */
  --font-size-h6: 1rem; /* 16px */

  /*** Spacing ***/
  --section-padding-sm: 60px;
  --section-padding: 120px;
  --section-padding-lg: 160px;

  --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);
}