/* ==================================================================
   KNAUF.CSS  -  OVERLAY DE MARCA (CSS_EMPRESA=knauf.css)
   ------------------------------------------------------------------
   Este archivo SOLO contiene los tokens propios de Knauf. Toda la
   capa semantica (surfaces, sombras, radios, tipografia, dark mode,
   etc.) vive en colors-base.css y se deriva automaticamente de los
   --brand-* que aqui se redefinen.

   Identidad Knauf:
     - Azul corporativo oscuro #003778  (primario)
     - Azul corporativo claro  #0099DE  (secundario / acento)
     - Lienzo blanco (no gris): es una decision de marca, por eso se
       sobreescribe --surface-canvas y --body-bg.
   ================================================================== */

:root {

    /* ============================================================
       1. MARCA Knauf
       ============================================================ */

    --brand-primary:           #003778;
    --brand-primary-light:     #1855A5;
    --brand-primary-dark:      #002854;

    --brand-secondary:         #0099DE;
    --brand-secondary-light:   #33B0E8;
    --brand-secondary-dark:    #007AB0;

    /* Tercer color: ambar Knauf - usado como accent calido para
       romper la monotonia azul. Aparece en CTAs, asterisco de
       campos required, hover de acciones, badges de "atencion". */
    --brand-accent:            #F39200;
    --brand-accent-light:      #FFB54F;
    --brand-accent-dark:       #C77600;


    /* ============================================================
       2. DECISIONES ESPECIFICAS DE Knauf
       ------------------------------------------------------------
       Solo lo que difiere de la base. El resto se hereda.
       ============================================================ */

    /* Lienzo blanco (Knauf prefiere blanco al gris suave de la base) */
    --surface-canvas:          var(--white);
    --body-bg:                 var(--white);

    /* Info en azul corporativo, no en azul generico */
    --info:                    var(--brand-secondary);
    --info-dark:               var(--brand-secondary-dark);

    /* Navbar en azul Knauf con texto blanco (shell de app) */
    --navbar-bg:               var(--brand-primary);
    --navbar-text:             var(--white);
    --navbar-brand:            var(--white);
    --navbar-link:             var(--white);
    --navbar-link-hover:       var(--brand-secondary-light);

    /* Sidebar tambien en azul Knauf, con activos en azul claro */
    --sidebar-bg:              var(--brand-primary);
    --sidebar-text:            var(--white);
    --sidebar-active:          var(--brand-secondary);
    --sidebar-hover:           var(--brand-primary-light);

    /* Menu horizontal en azul Knauf */
    --menu-bg:                 var(--brand-primary);
    --menu-text:               var(--white);
    --menu-active-border:      var(--brand-secondary);
}