:root {
  color-scheme: light;
  --font-display: "Alegreya", "Book Antiqua", "Palatino Linotype", serif;
  --font-body: "Hanken Grotesk", "Noto Sans", "Segoe UI", sans-serif;

  --color-brand-green: oklch(0.62 0.16 129);
  --color-brand-earth: oklch(0.5 0.1 57);
  --color-bg: oklch(0.973 0.008 105);
  --color-bg-alt: oklch(0.958 0.014 112);
  --color-surface: oklch(0.985 0.012 118);
  --color-surface-strong: oklch(0.935 0.047 116);
  --color-surface-muted: oklch(0.905 0.045 114);
  --color-surface-soft: color-mix(in oklch, var(--color-brand-green) 11%, transparent);
  --color-surface-soft-strong: color-mix(in oklch, var(--color-brand-green) 18%, transparent);
  --color-border: oklch(0.77 0.044 110);
  --color-border-soft: color-mix(in oklch, var(--color-brand-earth) 15%, transparent);
  --color-border-muted: color-mix(in oklch, var(--color-brand-earth) 21%, transparent);
  --color-border-strong: color-mix(in oklch, var(--color-brand-earth) 31%, transparent);
  --color-text: oklch(0.28 0.035 90);
  --color-text-muted: oklch(0.41 0.028 91);
  --color-text-soft: oklch(0.5 0.024 93);
  --color-accent: var(--color-brand-green);
  --color-accent-strong: oklch(0.54 0.146 128);
  --color-accent-contrast: oklch(0.98 0.01 118);
  --color-footer: color-mix(in oklch, var(--color-brand-green) 40%, var(--color-brand-earth) 60%);
  --color-footer-text: oklch(0.94 0.02 112);
  --color-focus: oklch(0.58 0.12 60);
  --shadow-soft: 0 20px 50px color-mix(in oklch, var(--color-brand-earth) 17%, transparent);
  --shadow-card: 0 10px 30px color-mix(in oklch, var(--color-brand-green) 12%, transparent);
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --measure: 64ch;
  --measure-tight: 48ch;
  --space-2xs: 0.35rem;
  --space-xs: 0.6rem;
  --space-sm: 0.9rem;
  --space-md: 1.3rem;
  --space-lg: 1.9rem;
  --space-xl: clamp(2.25rem, 4vw, 3.5rem);
  --space-2xl: clamp(3rem, 6vw, 5.5rem);
  --container: min(1120px, calc(100vw - 2rem));
}