/*
    brand.css — Tokens de marca de Booking Lunch y mapeo a variables de Bootstrap 5.3.
    Reutilizable por toda la aplicación. No usa overrides con !important:
    recolorea vía custom properties --bs-* y --brand-*.
*/
:root,
[data-bs-theme="light"] {
    /* Paleta de marca */
    --brand-sky: #6EC1E4;
    --brand-sky-rgb: 110, 193, 228;
    --brand-blue: #17759A;          /* azul oscurecido AA-safe para texto/enlaces */
    --brand-blue-rgb: 23, 117, 154;
    --brand-ink: #54595F;           /* charcoal — texto de cuerpo */
    --brand-ink-rgb: 84, 89, 95;
    --brand-green: #61CE70;         /* acento / éxito — SOLO relleno, nunca texto sobre blanco */
    --brand-green-rgb: 97, 206, 112;
    /* Verde de marca oscurecido para TEXTO. #61CE70 sobre blanco da 2:1 y no llega a AA;
       este llega a 5.3:1. Mismo criterio que --brand-blue frente a --brand-sky. */
    --brand-green-emphasis: #2C7A38;
    --brand-muted: #A5AEC2;         /* solo texto atenuado */
    --brand-deep: #132A33;          /* fondo de panel oscuro (hero de marca) */

    /* Superficie oscura de marca: la comparten el panel del login y la barra lateral
       de la aplicación. Se define una sola vez para que no se desincronicen. */
    --brand-panel-bg:
        radial-gradient(120% 90% at 15% 10%, rgba(110, 193, 228, 0.28), transparent 60%),
        linear-gradient(160deg, #132A33 0%, #123845 55%, #17759A 140%);
    --brand-panel-fg: #EAF6FC;

    /* Mapeo de tema Bootstrap */
    --bs-primary: #6EC1E4;
    --bs-primary-rgb: 110, 193, 228;
    --bs-secondary: #54595F;
    --bs-secondary-rgb: 84, 89, 95;
    --bs-success: #61CE70;
    --bs-success-rgb: 97, 206, 112;
    --bs-info: #6EC1E4;
    --bs-info-rgb: 110, 193, 228;
    --bs-link-color: #17759A;
    --bs-link-color-rgb: 23, 117, 154;
    --bs-link-hover-color: #125E7C;

    /* Tipografía — Poppins */
    --bs-body-font-family: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
    --bs-body-color: #54595F;
    --bs-secondary-color: #A5AEC2;
    --brand-heading-family: "Poppins", var(--bs-body-font-family);
}

h1, h2, h3, h4, h5, h6,
.display-1, .display-2, .display-3 {
    font-family: var(--brand-heading-family);
    font-weight: 600;
}

/* Botón primario: fondo sky-blue de marca con texto OSCURO (AA). */
.btn-primary {
    --bs-btn-color: #17313A;
    --bs-btn-bg: #6EC1E4;
    --bs-btn-border-color: #6EC1E4;
    --bs-btn-hover-color: #17313A;
    --bs-btn-hover-bg: #57B4DD;
    --bs-btn-hover-border-color: #57B4DD;
    --bs-btn-active-color: #17313A;
    --bs-btn-active-bg: #4AA9D4;
    --bs-btn-active-border-color: #4AA9D4;
    --bs-btn-disabled-color: #17313A;
    --bs-btn-disabled-bg: #6EC1E4;
    --bs-btn-disabled-border-color: #6EC1E4;
}