:root {

  /* ======================================================
   Colors
====================================================== */

--color-white: #ffffff;
--color-cream: #f4f0e6;
--color-cream-light: #f8f5ed;

--color-gold: #8b764c;
--color-gold-dark: #8b764c;
--color-footer-bottom: #8b764c;

--color-green: #7e9362;

--color-text: #786f5d;
--color-text-dark: #5f584b;


  /* ======================================================
     Typography
  ====================================================== */

  --font-heading: "Cormorant Garamond", serif;
  --font-body: "Inter", sans-serif;

  /* ======================================================
     Containers
  ====================================================== */

  --container-width: 1180px;
  --container-narrow: 680px;

  /* NEW */
  --content-width: 1180px;
  --content-narrow: 980px;
  --content-reading: 860px;

  /* ======================================================
     Page Padding
  ====================================================== */

  /* NEW */
  --page-padding-desktop: 90px;
  --page-padding-tablet: 48px;
  --page-padding-mobile: 24px;

  /* ======================================================
     Header
  ====================================================== */

  --header-height: 126px;

  /* ======================================================
     Spacing
  ====================================================== */

  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --space-2xl: 88px;
  --space-3xl: 120px;
}