/* === Variables globales para temas === */
:root {
    --color-principal: #571666;
    --color-principal-dark: #441452;
    --color-principal-light: #7e2c91;
    --color-principal-soft: #b266c2;
    --color-principal-contrast: #9333EA;

    --color-secondary: #eab308;
    --color-secondary-dark: #ca8a04;
    --color-secondary-light: #fef08a;


    --color-text: #571666;
    --color-text-light: #ffffff;
}

.principal {
    background-color: var(--color-principal) !important;
    color: var(--color-text-light) !important;
}

.principal-light {
    background-color: var(--color-principal-light) !important;
    color: var(--color-text-light) !important;
}
.principal-dark {
     background-color: var(--color-principal-dark) !important;
     color: var(--color-text-light) !important;
}

.principal-soft {
    background-color: var(--color-principal-soft) !important;
    color: var(--color-text-light) !important;
}

.secondary {
    background-color: var(--color-secondary) !important;
    color: var(--color-text-light) !important;
}
.secondary-light {
    background-color: var(--color-secondary-light) !important;
    color: var(--color-text-light) !important;
}

.text-principal {
    color: var(--color-text) !important;
}

.text-secondary {
    color: var(--color-secondary) !important;
}