:root {
  --color-bg: #f5f2eb;
  --color-surface: #ece8de;
  --color-surface-deep: #ded8cb;
  --color-text: #1d211b;
  --color-muted: #5b6058;
  --color-forest: #263129;
  --color-forest-deep: #18201b;
  --color-moss: #66705f;
  --color-earth: #735a45;
  --color-border: #d9d5cb;
  --color-light: #f8f5ee;
  --color-light-muted: #c8cabf;
  --color-overlay: rgba(18, 25, 20, 0.48);
  --color-header-glass: rgba(245, 242, 235, 0.9);
  --color-backdrop: rgba(12, 16, 13, 0.94);
  --color-focus: #8d7256;

  --font-display: Georgia, "Times New Roman", serif;
  --font-body: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  --text-xs: clamp(0.72rem, 0.69rem + 0.1vw, 0.8rem);
  --text-sm: clamp(0.82rem, 0.79rem + 0.14vw, 0.92rem);
  --text-body: clamp(1rem, 0.96rem + 0.17vw, 1.1rem);
  --text-lead: clamp(1.16rem, 1.05rem + 0.45vw, 1.45rem);
  --text-h3: clamp(1.4rem, 1.22rem + 0.72vw, 1.9rem);
  --text-h2: clamp(2.35rem, 1.62rem + 3.05vw, 4.5rem);
  --text-display: clamp(3.45rem, 2.15rem + 5.4vw, 7.4rem);

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 7rem;
  --space-2xl: 10rem;
  --section-space: clamp(5rem, 8vw, 10rem);

  --container-max: 90rem;
  --content-max: 48rem;
  --gutter: clamp(1.25rem, 4vw, 4.5rem);

  --header-height: 5rem;
  --radius-sm: 0.125rem;
  --radius-round: 999px;
  --border-subtle: 1px solid var(--color-border);

  --motion-fast: 220ms;
  --motion-base: 500ms;
  --motion-slow: 800ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  --z-header: 40;
  --z-menu: 35;
  --z-floating: 30;
  --z-modal: 100;
}