/* Eco Express Logistica: tokens de marca (tomados del logo) */
:root {
  --eco-negro: #000000;
  --eco-carbon: #0B0F0A;      /* fondo de secciones oscuras */
  --eco-grafito: #161B14;     /* tarjetas sobre fondo oscuro */
  --eco-lima: #A5F906;        /* color de marca, solo sobre fondo oscuro */
  --eco-lima-hover: #BEFF3D;
  --eco-verde-texto: #3F6212; /* verde legible sobre blanco (contraste AA) */
  --eco-blanco: #FFFFFF;
  --eco-hueso: #F5F7F2;       /* fondo de secciones claras */
  --eco-gris: #6B7280;

  /* Semáforo del panel del cliente. Nunca van solos: siempre acompañados de una
     frase, por daltonismo y porque "gris" se malinterpreta si no se explica.
     El lima NO es color de estado: es marca, y solo sobre fondo oscuro. */
  --eco-ok: #3F6212;          /* está como tiene que estar */
  --eco-ok-fondo: #ECFCCB;
  --eco-ojo: #A15C00;         /* funciona, pero hay algo para mirar */
  --eco-ojo-fondo: #FEF3C7;
  --eco-mal: #B3261E;         /* algo está roto y se puede notar */
  --eco-mal-fondo: #FEE2E2;
  --eco-nose: #6B7280;        /* no sé: no hay dato reciente */
  --eco-nose-fondo: #F3F4F6;

  --fuente-titulos: "Montserrat", system-ui, sans-serif; /* 800 italic para titulares, como el logo */
  --fuente-texto: "Inter", system-ui, sans-serif;

  --radio: 14px;
  --sombra: 0 10px 30px rgba(0,0,0,.25);
}