/* ============================================================
   THEME.CSS — Paleta de colores MORUB POS
   Edita solo este archivo para cambiar toda la apariencia.
   Carga después de style.css, por lo que sobreescribe todo.
   ============================================================ */

:root {
    /* --- Colores principales --- */
    --primary:        #2563eb;   /* azul — botones, links, focus */
    --primary-hover:  #1d4ed8;   /* azul oscuro — hover botón primario */
    --success:        #10b981;   /* verde — éxito, totales ventas */

    /* --- Fondos de la app --- */
    --bg-light:       #f8fafc;   /* fondo general (área de contenido) */
    --card-bg:        #ffffff;   /* fondo de tarjetas y paneles */

    /* --- Sidebar y zonas oscuras --- */
    --sidebar-bg:     #0f172a;   /* fondo sidebar y pantalla login */
    --sidebar-hover:  #1e293b;   /* hover en sidebar, fondo modales oscuros */

    /* --- Texto --- */
    --text-dark:      #0f172a;   /* texto principal */
    --text-muted:     #64748b;   /* texto secundario / gris */

    /* --- Bordes --- */
    --border:         #e2e8f0;   /* bordes generales */
}