/* === Variables globales para temas === */
:root {
    --color-principal: #172038;
    --color-principal-dark: #101624;
    --color-principal-light: #24355b;
    --color-principal-contrast: #008ad8;

    --color-secondary: #ea7d3d;
    --color-secondary-dark: #c7642c;
    --color-secondary-light: #fbbf85;


    --color-text: #002575FF;
    --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;
}

.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;
}