@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@300;400;500;600;700&display=swap');

:root{
  --bg:        #EFF2EC;
  --bg-alt:    #E6EBE2;
  --surface:   #F7F8F4;
  --text:      #222A24;
  --text-2:    #3F4A41;
  --text-mute: #6B786E;
  --border:    rgba(34,42,36,0.16);
  --border-strong: rgba(34,42,36,0.32);

  --primary:   #29402F;
  --accent:    oklch(48% 0.11 148);
  --accent-2:  oklch(70% 0.08 148);
  --accent-soft: color-mix(in srgb, var(--accent) 12%, var(--bg));
  --wa-green:  #25D366;

  --ff-display: 'EB Garamond', Georgia, 'Times New Roman', serif;
  --ff-body:    'DM Sans', system-ui, -apple-system, sans-serif;
  --ff-ui:      'DM Sans', system-ui, -apple-system, sans-serif;

  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 22px;

  --header-h: 72px;
  --header-h-mobile: 64px;

  --z-header: 1100;
  --z-menu:   1000;
  --z-modal:  1300;

  --container: 1180px;

  --ease: cubic-bezier(.4,0,.2,1);
}