/* static/biblioteca/css/tema.css
   La identidad visual del CCP (§8.1 del diseño): colores, tipografía y el retinte de Bootstrap. Es la ÚNICA fuente de colores de la
   biblioteca: el resto del CSS usa estas variables, nunca valores fijos. Si el CCP cambia su identidad, se ajusta este archivo. */

:root {
    --color-principal: #005da4;
    --color-principal-claro: #8ed8f8;
    --color-principal-oscuro: #0e4670;
    --color-secundario: #bad2cd;
    --color-terciario: #f99d1c;
    --color-terciario-claro: #ffc107;
    --color-suave: #f3f4f8;
    --color-fondo: #e9f0f7;
    --color-texto: #0f1115;
    --color-blanco: #ffffff;
    --color-pie: #000000;
    --color-pie-secciones: #1c1917;
    --color-exito: #198754;
    --color-error: #dc3545;
    --sombra-suave: 0 4px 20px rgb(0 0 0 / 0.08);

    /* Bootstrap */
    --bs-primary: var(--color-principal);
    --bs-primary-rgb: 0, 93, 164;
    --bs-link-color: var(--color-principal);
    --bs-link-color-rgb: 0, 93, 164;
    --bs-link-hover-color: var(--color-terciario);
    --bs-link-hover-color-rgb: 249, 157, 28;
    --bs-body-color: var(--color-texto);
    --bs-body-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --bs-focus-ring-color: rgb(0 93 164 / 0.25);
}

.btn-primary {
    --bs-btn-bg: var(--color-principal);
    --bs-btn-border-color: var(--color-principal);
    --bs-btn-hover-bg: var(--color-principal-oscuro);
    --bs-btn-hover-border-color: var(--color-principal-oscuro);
    --bs-btn-active-bg: var(--color-principal-oscuro);
    --bs-btn-active-border-color: var(--color-principal-oscuro);
    --bs-btn-disabled-bg: var(--color-principal);
    --bs-btn-disabled-border-color: var(--color-principal);
    --bs-btn-focus-shadow-rgb: 0, 93, 164;
}

.btn-outline-primary {
    --bs-btn-color: var(--color-principal);
    --bs-btn-border-color: var(--color-principal);
    --bs-btn-hover-bg: var(--color-principal);
    --bs-btn-hover-border-color: var(--color-principal);
    --bs-btn-active-bg: var(--color-principal);
    --bs-btn-active-border-color: var(--color-principal);
    --bs-btn-disabled-color: var(--color-principal);
    --bs-btn-disabled-border-color: var(--color-principal);
    --bs-btn-focus-shadow-rgb: 0, 93, 164;
}

.form-check-input:checked {
    background-color: var(--color-principal);
    border-color: var(--color-principal);
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: var(--color-principal-claro);
}