:root {
  /* Variant 3 Palette */
  --primary-color: #4C1D95; /* Deep Purple */
  --secondary-color: #6D28D9; /* Lighter Purple */
  --accent-color: #B264FE; /* Lavender Accent */
  --light-color: #F3EBFF; /* Very Light Purple */
  --dark-color: #1a0b2e; /* Almost Black Purple */
  --background-color: #FDFAFF;
  --text-color: #374151;
  --border-color: rgba(178, 100, 254, 0.3);
  --shadow-color: rgba(76, 29, 149, 0.15);
  --highlight-color: #FFD700; /* Gold */
  --hover-color: #5B21B6;
  
  --main-font: 'Poppins', sans-serif;
  --heading-font: 'Lora', serif;
  
  --container-width: 1300px;
  --product-img-width: 380px;
}

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

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

.gradient-text {
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-pattern {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.03;
    pointer-events: none;
}

.glass-panel {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border: 1px solid white;
    box-shadow: 0 10px 30px var(--shadow-color);
}

.btn-primary {
    background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));
    color: white;
}

.btn-primary:hover {
    box-shadow: 0 0 20px var(--shadow-color);
}