/* coco-tokens-v3.css — Coco Bank, web con el mismo sistema que la app (3-nov-2026).
   Copia de los tokens de app.getcocobank.com (plataforma/apps/web/src/app/globals.css, «Coco Premium v3»):
   blanco, tinta verde-negra, un solo bloque oscuro de identidad por vista y el verde #00DC5A solo como acento.
   Sobre el verde el texto va en #04140B (el blanco no pasa AA).
   Al final van los nombres viejos (--verde-ink, --sub, --hairline…) como alias: las páginas los usan en línea. */
@font-face{ font-family:'Manrope'; font-style:normal; font-weight:200 800; font-display:swap;
  src:url('coco-manrope-var-v1.woff2') format('woff2'); }
:root{
  --fondo:#FFFFFF;
  --lateral:#FAFBFA;
  --lateral-2:#F4F7F5;
  --tinta:#141A17;
  --tinta2:#39413D;
  --tinta3:#56605B;
  --tinta4:#5E6863;
  --linea:rgba(20,40,30,.09);
  --linea2:rgba(20,40,30,.15);
  --suave:rgba(20,40,30,.05);
  --suave2:rgba(20,40,30,.08);
  --coco:#00DC5A;
  --coco-hover:#00C853;
  --coco-trazo:#00A843;
  --sobre-coco:#04140B;
  --coco-tinte:rgba(0,220,90,.14);
  --positivo:#0A7A43;
  --advertencia:#8A5300;
  --tabla-cabecera:#F7F9F8;
  --identidad:#04140B;
  --identidad-2:#0A2416;
  --identidad-borde:rgba(0,220,90,.2);
  --identidad-rotulo:#8FA398;
  --identidad-linea:rgba(255,255,255,.08);
  --identidad-pista:rgba(255,255,255,.15);
  --activo-fondo:rgba(0,220,90,.12);
  --activo-borde:rgba(0,220,90,.28);
  --via-activa-fondo:rgba(0,220,90,.05);
  --foco:0 0 0 4px rgba(0,220,90,.22);
  --sombra-flotante:0 0 0 1px rgba(20,40,30,.06), 0 1px 4px rgba(20,40,30,.06), 0 8px 12px rgba(10,20,15,.06), 0 14px 20px rgba(10,20,15,.03);
  --sombra-producto:0 0 0 1px rgba(20,40,30,.07), 0 2px 6px rgba(20,40,30,.05), 0 24px 48px -12px rgba(10,30,18,.16), 0 60px 120px -40px rgba(10,30,18,.22);
  --ease-entra:cubic-bezier(.22,1,.36,1);
  --ease-salida:cubic-bezier(.35,0,.25,1);
  --sans:'Manrope', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* alias de la v2 (las páginas los usan en atributos style) */
  --serif:var(--sans); --logo:var(--sans);
  --ink:var(--tinta); --sub:var(--tinta3); --hairline:var(--linea);
  --lienzo:var(--fondo); --lienzo-tinte:var(--lateral); --lienzo-tinte-2:var(--lateral-2); --superficie:#FFFFFF;
  --verde:var(--coco); --verde-ink:var(--positivo); --coco-ink:var(--positivo); --verde-suave:var(--activo-fondo);
  --verde-oscuro:var(--identidad); --verde-claro:var(--identidad-rotulo); --coco-oscuro:var(--identidad); --coco-noche:var(--tinta);
  --critical-ink:#B0175F; --ok-ink:var(--positivo);
}