/* ============================================================================
 * brand.css — Variables CSS de marca de LuMi
 * ----------------------------------------------------------------------------
 * Este archivo se genera dinámicamente en runtime por App\Core\BrandingService
 * a partir de las variables BRAND_COLOR_* y APP_NAME del archivo .env.
 *
 * El archivo presente en el repo es una copia base con los valores por defecto
 * de miinternet. En producción no se sirve este archivo: se sirve
 * /assets/css/brand-<hash>.css generado por el servicio.
 * ========================================================================= */

:root {
  /* --- Marca (configurable por .env) --- */
  --lumi-primary:        #00962f;
  --lumi-primary-dark:   #047929;
  --lumi-secondary:      #21325b;
  --lumi-accent:         #09a5be;
  --lumi-success:        #00c9a7;
  --lumi-warning:        #f5ca99;
  --lumi-danger:         #ed4c78;
  --lumi-info:           #09a5be;

  /* --- Neutros (fijos) --- */
  --lumi-bg:             #f5f7fb;
  --lumi-surface:        #ffffff;
  --lumi-surface-alt:    #fafbfd;
  --lumi-border:         #e3e6ef;
  --lumi-text:           #1e2230;
  --lumi-text-muted:     #6b7280;
  --lumi-text-disabled:  #9ca3af;
  --lumi-shadow:         0 2px 8px rgba(33, 50, 91, 0.06);
  --lumi-shadow-hover:   0 6px 18px rgba(33, 50, 91, 0.10);

  /* --- Tipografía --- */
  --lumi-font-sans:      'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --lumi-font-mono:      'JetBrains Mono', 'Fira Code', Consolas, monospace;
  --lumi-text-xs:        12px;
  --lumi-text-sm:        13px;
  --lumi-text-base:      14px;
  --lumi-text-md:        16px;
  --lumi-text-lg:        18px;
  --lumi-text-xl:        22px;
  --lumi-text-2xl:       28px;

  /* --- Layout --- */
  --lumi-topbar-h:       60px;
  --lumi-sidebar-w:      240px;
  --lumi-sidebar-w-min:  64px;
  --lumi-radius-sm:      6px;
  --lumi-radius-md:      10px;
  --lumi-radius-lg:      14px;
}
