/* ╔══════════════════════════════════════════════════════════════════════╗
   ║  BRAND · Ducoudray & Asociados (se carga DESPUÉS de erp-ui.css)       ║
   ║                                                                      ║
   ║  Único archivo que hay que tocar para reajustar la identidad.        ║
   ║  Ajusta los tokens; todo lo demás (botones, badges, tarjetas,        ║
   ║  sidebar, encabezados, acceso) se recolorea solo.                    ║
   ║                                                                      ║
   ║  La paleta sale del logo corporativo (símbolo de cuatro piezas):     ║
   ║                                                                      ║
   ║    Teal    #355D5D   oliva  #747530                                  ║
   ║    Arena   #D2BB66   terracota #9F5E2D   grafito #1D1D1B             ║
   ║                                                                      ║
   ║  El TEAL es el primario del sistema. Se eligió entre los cuatro      ║
   ║  porque es el único que no compite con la semántica de la interfaz:  ║
   ║  la terracota se lee como advertencia, el oliva como éxito y la      ║
   ║  arena no da contraste suficiente sobre blanco. Además rinde 7.4:1   ║
   ║  con texto blanco encima (AAA).                                      ║
   ║                                                                      ║
   ║  Los otros tres viven como acentos (`.tint-*`, `.ico-*`) y en la     ║
   ║  pantalla de acceso, donde el logo sí aparece completo.              ║
   ║                                                                      ║
   ║  El logo y los favicons se derivan de assets/images/logo.png con     ║
   ║  `php artisan marca:iconos`.                                         ║
   ╚══════════════════════════════════════════════════════════════════════╝ */

:root {
    /* --- Color de marca del sistema ------------------------------------
       primary          → color base
       primary-600/700  → dos escalones más oscuros (hover / activo)
       primary-soft(-2) → fondos suaves para badges e iconos
       primary-rgb      → los mismos canales, para rgba() con transparencia
    ------------------------------------------------------------------- */
    --erp-primary:        #355D5D;
    --erp-primary-600:    #2B4C4C;
    --erp-primary-700:    #213B3B;
    --erp-primary-soft:   #EAF1F0;
    --erp-primary-soft-2: #CBDEDC;
    --erp-primary-rgb:    53, 93, 93;

    /* Anillo accesible de :focus-visible (erp.css lo lee de --c-brand). */
    --c-brand: #355D5D;

    /* --- Acentos de la marca -------------------------------------------
       Sustituyen a los genéricos de erp-ui.css en los tintes que usan los
       módulos. Se mantienen los semánticos (verde éxito, rojo peligro)
       porque significan estado, no marca.
    ------------------------------------------------------------------- */
    --erp-a-teal:   #355D5D;   /* marca */
    --erp-a-green:  #6E7A3A;   /* oliva, un paso más legible que #747530 */
    --erp-a-amber:  #9F5E2D;   /* terracota */
    --erp-a-slate:  #55677A;

    --brand-olive:     #747530;
    --brand-terracota: #9F5E2D;
    --brand-sand:      #D2BB66;
    --brand-graphite:  #1D1D1B;

    /* --- Neutros -------------------------------------------------------- */
    --brand-carbon: #1D1D1B;
    --brand-silver: #D8D6CC;

    /* --- Pantalla de acceso (layouts/guest + auth.css) -----------------
       Escenario en arena muy clara, con el resplandor del teal de marca.
       En tema oscuro auth.css lo cambia por grafito.
    ------------------------------------------------------------------- */
    --brand-stage-from: #FBFAF6;
    --brand-stage-mid:  #F0EDE3;
    --brand-stage-to:   #DFD9C7;
    --brand-accent:     #355D5D;
    --brand-accent-rgb: 53, 93, 93;

    /* Color del acceso (auth.css lo aplica dentro de .auth-body). */
    --brand-auth:        #355D5D;
    --brand-auth-600:    #2B4C4C;
    --brand-auth-700:    #213B3B;
    --brand-auth-soft:   #EAF1F0;
    --brand-auth-soft-2: #CBDEDC;
    --brand-auth-rgb:    53, 93, 93;
}