:root {
  --color-cream: #FBF7EF;
  --color-sand: #F2EADB;
  --color-sand-2: #E8DDC8;
  --color-ink: #1B1A17;
  --color-muted: #5A554C;
  --color-line: #DCD2BF;
  --color-forest: #0E4A2B;
  --color-forest-deep: #093520;
  --color-gold: #F2B705;
  --color-gold-deep: #D9A200;
  --color-ember: #C4361F;
  --color-on-dark: #FBF7EF;
  --color-on-dark-muted: #C9D3CB;

  --font-heading: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --step--1: clamp(0.875rem, 0.85rem + 0.1vw, 0.95rem);
  --step-0: clamp(1.0625rem, 1.02rem + 0.2vw, 1.1875rem);
  --step-1: clamp(1.25rem, 1.15rem + 0.45vw, 1.5rem);
  --step-2: clamp(1.5rem, 1.3rem + 0.9vw, 2.1rem);
  --step-3: clamp(1.9rem, 1.5rem + 1.8vw, 3rem);
  --step-4: clamp(2.4rem, 1.7rem + 3.2vw, 4.4rem);
  --step-5: clamp(2.8rem, 1.8rem + 4.6vw, 5.6rem);

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px;
  --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --space-10: 128px;
  --section-pad: clamp(64px, 9vw, 128px);

  --radius-sm: 6px; --radius-md: 12px; --radius-lg: 20px;
  --content-max: 1280px;
  --prose-max: 68ch;
  --gutter: clamp(16px, 5vw, 64px);
  --header-h: 84px;
  --band-h: 10px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --shadow-card: 0 1px 2px rgba(27, 26, 23, 0.06), 0 12px 32px -12px rgba(14, 74, 43, 0.18);
}