/* Tokens de marca SUGLA. Tema claro, según el manual de marca
   (paleta oficial en la pág. 13; usos del logo sobre fondos en la pág. 14). */
:root{
  --brand-verde:#008357; --brand-lima:#87B800; --brand-azul:#1F01B9; --brand-gris:#F5F5F5;

  /* Semáforo para fondo claro. Los del manual de pantalla oscura no llegan al
     contraste mínimo sobre blanco (#22C55E da 2,3:1), así que se usan estos tonos:
     todos ≥ 5:1 sobre la tarjeta blanca. */
  --estado-en-ritmo:#15803D; --estado-atento:#B45309; --estado-atrasado:#B91C1C; --estado-cumplido:#15803D;

  --bg:#F5F5F5; --surface:#FFFFFF; --surface-2:#EDEDEA;
  --border:rgba(16,16,16,.12); --text:#101010; --text-muted:#5B5F66;
  --prov-saladillo:#00A300; --prov-macroplast:#008357; --prov-sugla:#008357;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px; --space-8:32px;
  --radius-sm:8px; --radius-md:12px; --radius-lg:16px;
  --font-display:"Unbounded",system-ui,sans-serif;
  --font-body:"General Sans",system-ui,sans-serif;
}
.monto{font-variant-numeric:tabular-nums;}