:root{
  --c-olive:#97A87A;
  --c-sage:#A8BBA3;
  --c-ivory:#FCF9EA;
  --c-amber:#FFA239;

  --ink:#1E241D;
  --ink-muted: rgba(30,36,29,0.72);
  --stroke: rgba(30,36,29,0.14);

  --surface: rgba(255,255,255,0.55);
  --surface-strong: rgba(255,255,255,0.78);

  --shadow: 0 18px 50px rgba(30,36,29,0.10);
  --shadow-soft: 0 10px 24px rgba(30,36,29,0.10);

  --radius-xl: 26px;
  --radius-lg: 18px;
  --radius-md: 14px;
  --radius-sm: 10px;

  --container: 1120px;

  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-serif: 'Playfair Display', ui-serif, Georgia, 'Times New Roman', serif;

  --dur-xs: 140ms;
  --dur-s: 240ms;
  --dur-m: 420ms;
  --dur-l: 720ms;
  --ease: cubic-bezier(0.22,1,0.36,1);
}

@media (prefers-reduced-motion: reduce){
  :root{
    --dur-xs: 1ms;
    --dur-s: 1ms;
    --dur-m: 1ms;
    --dur-l: 1ms;
  }
}