:root {
  --font-display: "Cormorant Garamond", Garamond, Georgia, "Times New Roman", serif;
  --font-ui: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Latin Modern Mono", "FreeMono", "Courier New", Courier, monospace;

  --step--1: clamp(0.82rem, 0.78rem + 0.18vw, 0.94rem);
  --step-0: clamp(1rem, 0.96rem + 0.24vw, 1.1rem);
  --step-1: clamp(1.18rem, 1.08rem + 0.52vw, 1.48rem);
  --step-2: clamp(1.48rem, 1.3rem + 0.9vw, 2rem);
  --step-3: clamp(2rem, 1.64rem + 1.8vw, 3.2rem);
  --step-4: clamp(2.8rem, 2.2rem + 3vw, 5.4rem);

  --color-bg: #f3eee7;
  --color-surface: rgba(255, 251, 245, 0.78);
  --color-surface-strong: #fffaf3;
  --color-text: #121212;
  --color-muted: rgba(18, 18, 18, 0.58);
  --color-line: rgba(18, 18, 18, 0.08);

  --accent-design: #ad8150;
  --accent-photo: #d8d0c4;
  --accent-photo-dark: #121317;
  --accent-budgems: #7d85ff;
  --accent-budgems-2: #f0c25e;

  --space-0: 0.25rem;
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 6rem;

  --radius-s: 0.75rem;
  --radius-m: 1rem;
  --radius-l: 1.5rem;
  --radius-xl: 2rem;
  --radius-pill: 999px;

  --shadow-soft: 0 18px 52px rgba(18, 18, 18, 0.08);
  --shadow-strong: 0 28px 90px rgba(18, 18, 18, 0.14);

  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-drift: cubic-bezier(0.2, 0.9, 0.2, 1);
  --ease-snap: cubic-bezier(0.2, 0.85, 0.2, 1);
  --dur-fast: 180ms;
  --dur-mid: 320ms;
  --dur-slow: 640ms;

  --container-max: 1440px;
  --container-content: 1200px;
  --header-height: 4.5rem;
}