/*
 * brand.css — Tokens de marca COTRUST y overrides de color de Bootstrap.
 * Se carga DESPUÉS de home.css (que embebe Bootstrap 5.2.3), por lo que pisa
 * por cascada los colores del tema. Todo el color de marca se define acá:
 * no volver a hardcodear hex sueltos (#3399FF, #0d6efd) en vistas ni en site.css.
 */

:root {
    /* Paleta de marca */
    --brand-blue: #1B34C4;        /* primario — azul royal del wordmark */
    --brand-blue-dark: #0F1F8A;   /* hover / headers / estados activos */
    --brand-cyan: #00B4E6;        /* acento — el punto de la "O" */
    --brand-cyan-dark: #0090BC;   /* hover del acento */
    --brand-tint: #E8ECFB;        /* fondos suaves / hovers sutiles */
    --brand-ink: #1F2430;         /* texto principal */
    --brand-muted: #5A6072;       /* texto secundario */

    /* Overrides de las variables de Bootstrap (usadas por utilidades y links) */
    --bs-primary: #1B34C4;
    --bs-primary-rgb: 27, 52, 196;
    --bs-link-color: #1B34C4;
    --bs-link-hover-color: #0F1F8A;
    --bs-link-color-rgb: 27, 52, 196;
    --bs-link-hover-color-rgb: 15, 31, 138;
}

/* Botón primario */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--brand-blue);
    --bs-btn-border-color: var(--brand-blue);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--brand-blue-dark);
    --bs-btn-hover-border-color: var(--brand-blue-dark);
    --bs-btn-focus-shadow-rgb: 27, 52, 196;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--brand-blue-dark);
    --bs-btn-active-border-color: var(--brand-blue-dark);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--brand-blue);
    --bs-btn-disabled-border-color: var(--brand-blue);
}

/* Botón outline primario (badge del carrito, filtros, etc.) */
.btn-outline-primary {
    --bs-btn-color: var(--brand-blue);
    --bs-btn-border-color: var(--brand-blue);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--brand-blue);
    --bs-btn-hover-border-color: var(--brand-blue);
    --bs-btn-focus-shadow-rgb: 27, 52, 196;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--brand-blue);
    --bs-btn-active-border-color: var(--brand-blue);
    --bs-btn-disabled-color: var(--brand-blue);
    --bs-btn-disabled-border-color: var(--brand-blue);
}

/* Acento cian — botón informativo/secundario de marca */
.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--brand-cyan);
    --bs-btn-border-color: var(--brand-cyan);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--brand-cyan-dark);
    --bs-btn-hover-border-color: var(--brand-cyan-dark);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--brand-cyan-dark);
    --bs-btn-active-border-color: var(--brand-cyan-dark);
}

/* Focus accesible con el color de marca en inputs/controles */
.form-control:focus,
.form-select:focus {
    border-color: var(--brand-cyan);
    box-shadow: 0 0 0 0.2rem rgba(0, 180, 230, 0.25);
}