:root {
  /* Palette 2: Purple/Pink/Yellow */
  --primary-color: #59057B;    /* Deep Purple */
  --secondary-color: #AB0E86;  /* Magenta */
  --accent-color: #FFD23F;     /* Yellow (Accent) */
  --light-color: #F3EBFF;      /* Very Light Purple */
  --dark-color: #0F1021;       /* Dark Navy */
  --highlight-color: #5CB338;  /* Green for CTA/Highlight */
  
  --background-color: #FFFFFF;
  --text-color: #333333;
  --divider-color: #eee;
  
  --heading-font: 'Montserrat', sans-serif;
  --body-font: 'Poppins', sans-serif;
  
  --site-container: 1000px;
  --image-width: 300px;
}

body {
  font-family: var(--body-font);
  color: var(--text-color);
  background-color: var(--background-color);
}

h1, h2, h3, h4 {
  font-family: var(--heading-font);
}

.background-pattern {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0.03;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20l10-10L20 0 10 10z' fill='%2359057B' fill-rule='evenodd'/%3E%3C/svg%3E");
}