/**
 * BRAND — Americas Experience
 * Fuente única de verdad del color de marca y derivados.
 *
 * Para un cambio de línea gráfica, edita SOLO los valores de este bloque :root.
 * Todo lo demás (botones, sidebar, pantallas públicas, login) debe consumir
 * estas variables en lugar de repetir el hex.
 *
 * Debe cargarse ANTES de los CSS que lo consumen (custom.css, auth.css, etc.)
 * y ANTES de los <style> inline de las vistas.
 */

:root {
    /* Color de marca principal y su hover */
    --brand-primary: #E10050;
    --brand-primary-hover: #c40044;

    /* Versión RGB para usar en rgba(...) → rgba(var(--brand-primary-rgb), .15) */
    --brand-primary-rgb: 225, 0, 80;

    /* Degradado de marca (fondos: login, sidebar, chips) */
    --brand-gradient-start: #d60b52;
    --brand-gradient-end: #e95311;
    --brand-gradient: linear-gradient(to bottom, #d60b52 0, #e95311 100%);
    --brand-gradient-h: linear-gradient(to right, #d60b52, #e95311);

    /* Tintes claros derivados (fondos suaves, cards seleccionadas, avisos) */
    --brand-primary-050: #fdecef;
    --brand-primary-075: #fef2f5;
    --brand-primary-100: #fff0f4;
    --brand-primary-150: #fff5f8;
    --brand-primary-200: #ffe5ed;

    /* Texto / contraste */
    --brand-on-primary: #ffffff;
}

/* ───────────────────────────────────────────────────────────────────────
   Puente con Bootstrap: hace que el "primary" del framework use la marca.
   Así los componentes que respetan --bs-primary quedan alineados sin !important.
   ─────────────────────────────────────────────────────────────────────── */
:root {
    --bs-primary: var(--brand-primary);
    --bs-primary-rgb: var(--brand-primary-rgb);
}