:root {
  --color-cream: #FBF3E7;
  --color-teal: #243F4F;
  --color-teal-dark: #182B36;
  --color-terracotta: #A8481F;
  --color-ink: #2A2620;
  --color-surface: #FFFFFF;

  --color-success-bg: #e4f2e8;
  --color-success-text: #1f5c34;
  --color-error-bg: #fbe4de;
  --color-error-text: #8a2f1a;

  /* New derived tokens — all color-mix()'d from the six approved brand values above */
  --color-cream-alt: color-mix(in srgb, var(--color-cream) 92%, var(--color-ink));
  --color-cream-card: color-mix(in srgb, var(--color-cream) 55%, var(--color-surface));
  --color-teal-light: color-mix(in srgb, var(--color-teal) 70%, var(--color-surface));
  --color-teal-pale: color-mix(in srgb, var(--color-teal) 12%, var(--color-cream));
  --color-terracotta-dark: color-mix(in srgb, var(--color-terracotta) 80%, black);
  --color-terracotta-pale: color-mix(in srgb, var(--color-terracotta) 14%, var(--color-cream));
  --color-ink-soft: color-mix(in srgb, var(--color-ink) 72%, var(--color-cream));
  --color-stone: color-mix(in srgb, var(--color-ink) 71%, var(--color-cream));
  --color-stone-light: color-mix(in srgb, var(--color-ink) 14%, var(--color-cream));
  --color-border: color-mix(in srgb, var(--color-teal) 14%, transparent);

  --shadow-card: 0 2px 10px color-mix(in srgb, var(--color-teal) 8%, transparent);
  --shadow-sm: 0 1px 3px color-mix(in srgb, var(--color-teal) 10%, transparent);
  --shadow-md: 0 8px 24px color-mix(in srgb, var(--color-teal) 10%, transparent);
  --shadow-lg: 0 20px 48px color-mix(in srgb, var(--color-teal) 16%, transparent);

  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.75rem;
  --radius-organic: 68% 32% 61% 39% / 45% 44% 56% 55%;
  --radius-full: 999px;

  --font-display: 'Literata', serif;
  --font-body: 'Public Sans', sans-serif;

  --text-xs: clamp(0.78rem, 0.75rem + 0.1vw, 0.85rem);
  --text-sm: clamp(0.88rem, 0.85rem + 0.15vw, 0.95rem);
  --text-base: clamp(1rem, 0.94rem + 0.3vw, 1.125rem);
  --text-lg: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --text-xl: clamp(1.5rem, 1.3rem + 0.9vw, 1.9rem);
  --text-2xl: clamp(1.9rem, 1.5rem + 1.8vw, 2.6rem);
  --text-3xl: clamp(2.3rem, 1.7rem + 2.8vw, 3.2rem);
  --text-hero: clamp(2.5rem, 1.4rem + 5vw, 4.5rem);

  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.25rem;
  --space-xl: clamp(3rem, 2.4rem + 3vw, 5rem);
  --space-section: clamp(3rem, 2.4rem + 3vw, 6rem);

  --container-max: 1240px;
  --content-narrow: 48rem;
  --container-pad: clamp(1rem, 5vw, 3rem);

  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --duration-slow: 600ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);
}