:root {
  /* Colors: #8E44AD, #16A085, #000000, #EAE4D5 */
  --primary-color: #8E44AD;
  --secondary-color: #16A085;
  --accent-color: #9B59B6;
  --light-color: #EAE4D5;
  --dark-color: #000000;
  --background-color: #FDFAFF;
  --text-color: #333333;
  --border-color: rgba(0,0,0,0.1);
  --highlight-color: #F1C40F; /* Complementary highlight to purple */
  
  --main-font: 'Poppins', sans-serif;
  --heading-font: 'Oswald', sans-serif;
  
  --container-width: 1400px;
  --image-width: 400px;
}

body {
    margin: 0;
    padding: 0;
}

.lines-pattern {
    background-image: repeating-linear-gradient(
        45deg,
        rgba(142, 68, 173, 0.03),
        rgba(142, 68, 173, 0.03) 10px,
        transparent 10px,
        transparent 20px
    );
}

a, button {
    cursor: pointer;
}