:root {
  --color-primary: #2F5D50;
  --color-secondary: #D8E2DC;
  --color-bg: #FAF9F6;
  --color-text: #1A1A1A;
  --color-accent: #E9C46A;
  --font-heading: "Geologica", system-ui, sans-serif;
  --font-body: "Geologica", system-ui, sans-serif;
  --radius: 1rem;
  --primary: #2F5D50;
  --primary-dark: color-mix(in srgb, #2F5D50 80%, black);
  --primary-light: color-mix(in srgb, #2F5D50 70%, white);
  --primary-lighter: color-mix(in srgb, #2F5D50 40%, white);
  --accent: #E9C46A;
  --accent-light: color-mix(in srgb, #E9C46A 55%, white);
  --accent-dark: color-mix(in srgb, #E9C46A 75%, black);
  --bg: #FAF9F6;
  --bg-alt: color-mix(in srgb, #FAF9F6 92%, #2F5D50);
  --text: #1A1A1A;
  --text-light: color-mix(in srgb, #1A1A1A 72%, white);
  --text-muted: color-mix(in srgb, #1A1A1A 55%, white);
}