:root {
  /* Palette */
  --moss:       #2C4A2E;
  --moss-dark:  #1e3320;
  --moss-light: #3d6640;
  --sand:       #E8E0D0;
  --sand-dark:  #d4c9b5;
  --charcoal:   #1A1A1A;
  --charcoal-2: #242424;
  --terra:      #8B5A3C;
  --white:      #FAFAF8;
  --black:      #0d0d0d;

  /* Typography */
  --font-serif:  'Playfair Display', Georgia, serif;
  --font-sans:   'DM Sans', system-ui, sans-serif;

  /* Spacing */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  2rem;
  --space-lg:  4rem;
  --space-xl:  8rem;
  --space-2xl: 12rem;

  /* Transitions */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:   cubic-bezier(0.76, 0, 0.24, 1);
  --ease-spring:   cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Z-index */
  --z-preloader: 1000;
  --z-cursor:    999;
  --z-navbar:    100;
  --z-above:     10;
  --z-base:      1;
}