:root {
  --color-primary: #082955;
  --color-secondary: #F4F4F4;
  --color-bg: #FFFFFF;
  --color-text: #1A1A24;
  --color-accent: #774899;
  --font-heading: "Geologica", system-ui, sans-serif;
  --font-body: "Geologica", system-ui, sans-serif;
  --radius: 1rem;
  --primary: #082955;
  --primary-dark: color-mix(in srgb, #082955 80%, black);
  --primary-light: color-mix(in srgb, #082955 70%, white);
  --primary-lighter: color-mix(in srgb, #082955 40%, white);
  --accent: #774899;
  --accent-light: color-mix(in srgb, #774899 55%, white);
  --accent-dark: color-mix(in srgb, #774899 75%, black);
  --bg: #FFFFFF;
  --bg-alt: color-mix(in srgb, #FFFFFF 92%, #082955);
  --text: #1A1A24;
  --text-light: color-mix(in srgb, #1A1A24 72%, white);
  --text-muted: color-mix(in srgb, #1A1A24 55%, white);
  --color-surface: #FFFFFF;
  --bg-card: #FFFFFF;
  --nav-bg: #FDFBFC;
  --heading: var(--primary-dark);
}