@import url('./shared/base.css');

:root {
  /* Colors */
  --forest-green:   #3B4A36;
  --olive-drab:     #6B8E23;
  --sienna:         #A0522D;
  --sandstone:      #C1B9A3;
  --soft-cream:     #F4F2EC;
  --white:          #FFFFFF;

  --primary-bg:     var(--soft-cream);
  --primary-text:   var(--forest-green);
  --accent-1:       var(--olive-drab);
  --accent-2:       var(--sienna);
  --muted:          var(--sandstone);

  /* Typography */
  --font-head: 'Cormorant Garamond', serif;
  --font-body: 'Inter', sans-serif;

  /* Spacing */
  --space-xs:  0.25rem;
  --space-s:   0.5rem;
  --space-m:   1rem;
  --space-l:   2rem;
  --space-xl:  4rem;

  /* Motion */
  --ease:       cubic-bezier(0.4, 0, 0.2, 1);
  --dur-short:  150ms;
  --dur-medium: 300ms;
  --dur-long:   600ms;

  /* Header scroll offset (set dynamically) */
  --header-offset: 0px;
}