:root {
  --color-surface: #f5f2f0;
  --color-surface-elevated: #f8f6f4;
  --color-paper: #ede3da;
  --color-taupe: #bfa99a;
  --color-ink: #1b1816;
  --color-ink-soft: #4c4541;
  --color-ink-muted: #766d68;
  --color-plum: #660021;
  --color-plum-soft: rgba(66, 0, 33, 0.15);
  --color-border: rgba(27, 24, 22, 0.1);

  --font-literary: 'Libre Baskerville', Georgia, serif;
  --font-ui: 'Satoshi', 'General Sans', 'Avenir Next', 'Segoe UI', sans-serif;

  --step--1: clamp(0.82rem, 0.79rem + 0.16vw, 0.93rem);
  --step-0: clamp(1rem, 0.94rem + 0.24vw, 1.125rem);
  --step-1: clamp(1.2rem, 1.08rem + 0.45vw, 1.45rem);
  --step-2: clamp(1.44rem, 1.24rem + 0.8vw, 1.9rem);
  --step-3: clamp(1.74rem, 1.41rem + 1.31vw, 2.65rem);
  --step-4: clamp(2.1rem, 1.58rem + 2.06vw, 3.65rem);

  --space-2xs: clamp(0.38rem, 0.35rem + 0.15vw, 0.5rem);
  --space-xs: clamp(0.56rem, 0.52rem + 0.19vw, 0.75rem);
  --space-sm: clamp(0.84rem, 0.78rem + 0.28vw, 1.12rem);
  --space-md: clamp(1.12rem, 1.01rem + 0.48vw, 1.62rem);
  --space-lg: clamp(1.68rem, 1.48rem + 0.86vw, 2.5rem);
  --space-xl: clamp(2.25rem, 1.92rem + 1.42vw, 3.62rem);
  --space-2xl: clamp(3rem, 2.45rem + 2.35vw, 5.25rem);

  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 30px;

  --shadow-soft: 0 14px 42px rgba(27, 24, 22, 0.08);
  --shadow-deep: 0 22px 65px rgba(27, 24, 22, 0.14);

  --duration-fast: 180ms;
  --duration-mid: 360ms;
  --duration-slow: 620ms;
  --ease-standard: cubic-bezier(0.22, 0.8, 0.2, 1);

  --site-max-width: 1200px;
  --site-gutter: clamp(1rem, 3vw, 2.4rem);
}