/* Light Theme (Default) */
.theme-light {
    --bg-primary: #ffffff;
    --text-primary: #000000;
    --header-bg: #f8f9fa;
    --placeholder-color: #000000;  /* Add placeholder color variable */
    /* Add more light theme variables */
}

.theme-light .hero{
    background: #ffffff;
}

.theme-light .WHITE, .theme-light .hero input[type=text], .theme-light .hero input[type=email],  .theme-light .color-variation b{
    color: #000 !important;
}

.theme-light .hero input[type=text], .theme-light .hero input[type=email]{    
    border: 1px solid grey;
}

/* Input placeholder styles for light theme */
.theme-light input::placeholder {
    color: #000000 !important;
    opacity: 0.7;  /* Makes it slightly less intense than regular text */
}

.theme-light .event-date{
    color:#ffffff;
}

.theme-light .color-dynamic{
    color:#000000;
}
/* Dark Theme */
.theme-dark {
    --bg-primary: #1a1a1a;
    --text-primary: #ffffff;
    --header-bg: #2d2d2d;
    --placeholder-color: #ffffff;  /* Add placeholder color variable */
    /* Add more dark theme variables */
}

/* Use CSS variables in your styles */
body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

header {
    background-color: var(--header-bg);
}

/* Input placeholder styles for dark theme */
.theme-dark input::placeholder {
    color: #ffffff !important;
    opacity: 0.7;  /* Makes it slightly less intense than regular text */
}

/* Add more themed styles */