:root {
  --treat-color-paper: oklch(98% 0.012 78);
  --treat-color-paper-soft: oklch(95% 0.021 76);
  --treat-color-sand: oklch(90% 0.038 76);
  --treat-color-ink: oklch(23% 0.025 55);
  --treat-color-muted: oklch(43% 0.022 55);
  --treat-color-rule: oklch(79% 0.025 70);
  --treat-color-gold: oklch(50% 0.105 75);
  --treat-color-focus: oklch(42% 0.12 72);
  --treat-font-display: "Cormorant Garamond", ui-serif, serif;
  --treat-font-body: "Outfit", ui-sans-serif, sans-serif;
  --treat-space-xs: 0.5rem;
  --treat-space-sm: 0.75rem;
  --treat-space-md: 1rem;
  --treat-space-lg: 1.5rem;
  --treat-space-xl: 2.5rem;
  --treat-space-2xl: 4rem;
  --treat-space-3xl: 6rem;
  --treat-space-4xl: 9rem;
  --treat-text-xs: 0.75rem;
  --treat-text-sm: 0.875rem;
  --treat-text-base: 1rem;
  --treat-text-md: 1.25rem;
  --treat-text-lg: 1.5625rem;
  --treat-text-xl: 1.953rem;
  --treat-text-2xl: 2.441rem;
  --treat-text-display: clamp(3.6rem, 7vw, 6.4rem);
  --treat-radius-sm: 0.5rem;
  --treat-radius-md: 1rem;
  --treat-radius-arch: 14rem 14rem 1rem 1rem;
  --treat-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --treat-dur-micro: 120ms;
  --treat-dur-short: 220ms;
  --treat-rule: 1px solid var(--treat-color-rule);
  --treat-shadow: 0 1.5rem 4rem oklch(23% 0.025 55 / 0.1);
}