:root {
  --font-display: "Fraunces", ui-serif, Georgia, serif;
  --font-body: "Manrope", ui-sans-serif, system-ui, sans-serif;

  --color-cream-50: #fffaf2;
  --color-cream-100: #fbf0df;
  --color-cream-200: #f2dfc2;
  --color-sage-100: #dbe6d3;
  --color-sage-500: #6f8269;
  --color-olive-800: #253323;
  --color-olive-900: #172016;
  --color-clay-400: #c97952;
  --color-clay-500: #b96543;
  --color-rose-100: #f7d9ce;
  --color-ink: #172016;
  --color-muted: #6f665d;
  --color-white: #ffffff;

  --gradient-page:
    radial-gradient(circle at top left, rgba(247,217,206,.75), transparent 34rem),
    radial-gradient(circle at 80% 5%, rgba(219,230,211,.9), transparent 30rem),
    linear-gradient(180deg, var(--color-cream-50), var(--color-cream-100));

  --container: 1400px;
  --space-page: clamp(1rem, 4vw, 4.5rem);
  --section-y: clamp(4.5rem, 9vw, 8.5rem);

  --radius-sm: clamp(.8rem, 1vw, 1.1rem);
  --radius-md: clamp(1.1rem, 1.4vw, 1.6rem);
  --radius-lg: clamp(1.6rem, 2vw, 2.4rem);
  --radius-xl: clamp(2rem, 3vw, 3.5rem);

  --shadow-soft: 0 24px 80px rgba(37, 51, 35, .12);
  --shadow-card: 0 18px 50px rgba(37, 51, 35, .10);

  --text-xs: clamp(.76rem, .74rem + .1vw, .84rem);
  --text-sm: clamp(.88rem, .84rem + .18vw, 1rem);
  --text-base: clamp(1rem, .96rem + .22vw, 1.12rem);
  --text-lg: clamp(1.12rem, 1rem + .45vw, 1.35rem);
  --text-xl: clamp(1.45rem, 1.18rem + 1vw, 2rem);
  --text-2xl: clamp(2rem, 1.4rem + 2.1vw, 3.4rem);
  --text-hero: clamp(3.3rem, 1.8rem + 6vw, 7.7rem);

  --ease: cubic-bezier(.22, 1, .36, 1);
}