:root {
  --color-primary-dark: #35295c;
  --color-primary-light: #4c3c7a; 
  --color-text-main: #555555;
  --color-text-heading: #35295c;
  --color-bg-light: #f9f9fb;
  --color-white: #ffffff;

  --font-main: 'Montserrat', system-ui, -apple-system, sans-serif;
  
  --container-width-nav: 96vw;
  --container-width-content: clamp(20rem, 85vw, 75rem);
  
  --border-radius: 0.5rem;
  --shadow-card: 0 1rem 2rem rgba(0,0,0,0.08);
}

body {
  background-color: var(--color-bg-light);
  color: var(--color-text-main);
  font-family: var(--font-main);
  line-height: 1.6;
}