/* =====================================================================
   TEMA KTRACHITAS — "Brasa y Cielo"
   ---------------------------------------------------------------------
   FUENTE ÚNICA DE VERDAD de los colores de la web.
   Derivado del logo: azul eléctrico/bandera (dominante, estructura) +
   naranja brasa (acento / acciones) + rojo llama.

   Para cambiar el tema de toda la web se edita SOLO este archivo
   (y su espejo en C# Theme/KtraColors.cs para los colores que consume
   MudBlazor, que no puede leer variables CSS).

   Convención de nombres: tokens SEMÁNTICOS (qué significa), no literales
   (qué color es). Ej. --ktra-primary, no --naranja-3.
   ===================================================================== */

:root {
    /* ---- Marca / azul dominante (estructura, navegación, enlaces) ---- */
    --ktra-blue:          #0047AB;   /* cobalto bandera de Honduras (clásico) */
    --ktra-blue-dark:     #00337A;
    --ktra-blue-bright:   #1A5FCF;
    --ktra-blue-soft:     #DCE6F7;

    /* ---- Acción / naranja brasa (CTAs, acentos cálidos) ---- */
    --ktra-primary:       #F26419;
    --ktra-primary-dark:  #D94E0A;
    --ktra-primary-soft:  #FDE8DA;

    /* ---- Rojo llama (peligro, mesa ocupada, alertas) ---- */
    --ktra-danger:        #E0271B;
    --ktra-danger-soft:   #FCE2E0;

    /* ---- Fondos y superficies ---- */
    --ktra-bg:            #F4F7FC;   /* fondo general */
    --ktra-surface:       #FFFFFF;   /* tarjetas, paneles */
    --ktra-surface-2:     #EEF3FB;   /* hover, zonas tenues */

    /* ---- Texto ---- */
    --ktra-text:          #14223B;   /* principal */
    --ktra-text-soft:     #4A5A74;   /* secundario */
    --ktra-text-muted:    #8A99B0;   /* atenuado */
    --ktra-on-primary:    #FFFFFF;   /* texto sobre azul/naranja sólido */

    /* ---- Bordes y líneas ---- */
    --ktra-border:        #E2E8F2;
    --ktra-border-soft:   #EDF1F8;
    --ktra-border-input:  #CBD5E6;

    /* ---- Estados semánticos ---- */
    --ktra-success:       #0F9D58;   /* listo, precios, éxito */
    --ktra-success-soft:  #DEF7E9;
    --ktra-info:          #0047AB;   /* en preparación (KDS) — sigue al azul de marca */
    --ktra-info-soft:     #DCE6F7;
    --ktra-warning:       #E08A00;   /* avisos, ámbar */
    --ktra-warning-soft:  #FEF1D6;
    --ktra-reparto:       #7C3AED;   /* en reparto */
    --ktra-reparto-soft:  #EDE7FE;
    --ktra-whatsapp:      #25D366;   /* verde de marca WhatsApp (botones contacto) */
    --ktra-whatsapp-dark: #1EBE57;

    /* ---- Estados de mesa (plano de sala) ---- */
    --ktra-mesa-libre:    var(--ktra-success);
    --ktra-mesa-ocupada:  var(--ktra-danger);
    --ktra-mesa-cuenta:   var(--ktra-blue);
    --ktra-mesa-limpiar:  #F5B400;   /* amarillo "por limpiar" */

    /* ---- Sidebar (barra lateral azul del admin) ---- */
    --ktra-sidebar-from:        var(--ktra-blue);
    --ktra-sidebar-to:          var(--ktra-blue-dark);
    --ktra-sidebar-text:        #CBDCF8;
    --ktra-sidebar-icon:        #CBDCF8;
    --ktra-sidebar-text-strong: #FFFFFF;
    --ktra-sidebar-label:       #A8C2F2;
    --ktra-sidebar-hover:       rgba(255, 255, 255, 0.12);
    --ktra-sidebar-border:      rgba(255, 255, 255, 0.14);
    --ktra-sidebar-active-bg:   #FFFFFF;
    --ktra-sidebar-active-text: var(--ktra-blue-dark);

    /* ---- Sombras ---- */
    --ktra-shadow-sm:  0 1px 3px rgba(30, 60, 120, 0.06);
    --ktra-shadow-md:  0 2px 8px rgba(30, 60, 120, 0.06);
    --ktra-shadow-lg:  0 8px 24px rgba(30, 60, 120, 0.10);
}