/* Dynamic CSS Variables */
:root {
    --primary-color: #162ddf;
    --secondary-color: #79b32a;
    --text-color: #333333;
}

/* Slider Section - ALWAYS Transparent Background (No Primary Color) */
.hero-banner {
    background: transparent !important;
    background-color: transparent !important;
}

.slider-container,
.slider {
    background: transparent !important;
    background-color: transparent !important;
}

/* Slides use their own inline gradient backgrounds only */
.slide {
    /* Background comes from inline style attribute only */
}

/* You can add additional styles that use these variables here if needed */