:root {
  --primary-color: #5E1675;
  --secondary-color: #EE4266;
  --accent-color: #FFD23F;
  --light-color: #FDF2F5;
  --dark-color: #2C3D4F;
  --gradient-primary: linear-gradient(135deg, #5E1675 0%, #EE4266 100%);
  --hover-color: #4A0E5C;
  --background-color: #FFFFFF;
  --text-color: #2C3D4F;
  --border-color: rgba(94, 22, 117, 0.1);
  --divider-color: rgba(238, 66, 102, 0.1);
  --shadow-color: rgba(94, 22, 117, 0.2);
  --highlight-color: #FFD23F;
  --main-font: 'Lora', serif;
  --alt-font: 'Lato', sans-serif;
}

body { font-family: var(--alt-font); font-weight: 300; }
h1, h2, h3 { font-family: var(--main-font); font-weight: 700; }

.bg-pattern {
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100%;
  z-index: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.6 46.4c4.4 0 8-3.6 8-8s-3.6-8-8-8-8 3.6-8 8 3.6 8 8 8zm91.2 32c4.4 0 8-3.6 8-8s-3.6-8-8-8-8 3.6-8 8 3.6 8 8 8z' fill='%23ee4266' fill-opacity='0.02'/%3E%3C/svg%3E");
}