:root {
  --color-primary: #5C5478;
  --color-secondary: #EDE7F2;
  --color-bg: #FDFBFC;
  --color-text: #3A3547;
  --color-accent: #D4A8B4;
  --font-heading: "Geologica", system-ui, sans-serif;
  --font-body: "Geologica", system-ui, sans-serif;
  --radius: 1rem;
  --primary: #5C5478;
  --primary-dark: color-mix(in srgb, #5C5478 80%, black);
  --primary-light: color-mix(in srgb, #5C5478 70%, white);
  --primary-lighter: color-mix(in srgb, #5C5478 40%, white);
  --accent: #D4A8B4;
  --accent-light: color-mix(in srgb, #D4A8B4 55%, white);
  --accent-dark: color-mix(in srgb, #D4A8B4 75%, black);
  --bg: #FDFBFC;
  --bg-alt: color-mix(in srgb, #FDFBFC 92%, #5C5478);
  --text: #3A3547;
  --text-light: color-mix(in srgb, #3A3547 72%, white);
  --text-muted: color-mix(in srgb, #3A3547 55%, white);
}