/**
 * Esquemas de Colores
 * Define variables CSS para diferentes esquemas de color del sitio
 */

/* === ESQUEMA BASE === */
.color-scheme-1 {
    /* Variables base - definidas en Webflow */
}

/* === ESQUEMAS ALTERNATIVOS === */
.color-scheme-2 {
    --color-scheme-1--text: var(--color-scheme-2--text);
    --color-scheme-1--background: var(--color-scheme-2--background);
    --color-scheme-1--foreground: var(--color-scheme-2--foreground);
    --color-scheme-1--border: var(--color-scheme-2--border);
    --color-scheme-1--accent: var(--color-scheme-2--accent);
}

.color-scheme-3 {
    --color-scheme-1--text: var(--color-scheme-3--text);
    --color-scheme-1--background: var(--color-scheme-3--background);
    --color-scheme-1--foreground: var(--color-scheme-3--foreground);
    --color-scheme-1--border: var(--color-scheme-3--border);
    --color-scheme-1--accent: var(--color-scheme-3--accent);
}

.color-scheme-4 {
    --color-scheme-1--text: var(--color-scheme-4--text);
    --color-scheme-1--background: var(--color-scheme-4--background);
    --color-scheme-1--foreground: var(--color-scheme-4--foreground);
    --color-scheme-1--border: var(--color-scheme-4--border);
    --color-scheme-1--accent: var(--color-scheme-4--accent);
}

.color-scheme-5 {
    --color-scheme-1--text: var(--color-scheme-5--text);
    --color-scheme-1--background: var(--color-scheme-5--background);
    --color-scheme-1--foreground: var(--color-scheme-5--foreground);
    --color-scheme-1--border: var(--color-scheme-5--border);
    --color-scheme-1--accent: var(--color-scheme-5--accent);
}

/* === ESTILOS DE SLIDER === */
.w-slider-dot {
    background-color: var(--color-scheme-1--text);
    opacity: 0.20;
}

.w-slider-dot.w-active {
    background-color: var(--color-scheme-1--text);
    opacity: 1;
}

/* Override para .w-slider-nav-invert */
.w-slider-nav-invert .w-slider-dot {
    background-color: var(--color-scheme-1--text) !important;
    opacity: 0.20 !important;
}

.w-slider-nav-invert .w-slider-dot.w-active {
    background-color: var(--color-scheme-1--text) !important;
    opacity: 1 !important;
}