/* Sistema de diseño de pastisima: paleta de la landing de linkgestion (linkgestion.com) + estructura de la caja
   FácilVirtual (/pos/). Es la ÚNICA fuente de colores y tipografías: plantillas y hojas usan var(--c-*).
   Las variables viejas (--brand-red, --pd-*, --fv-*) se redirigen acá para que nada quede con la paleta anterior. */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Zilla+Slab:wght@500;600;700&display=swap");

html:root {
  /* Paleta de la landing */
  --lg-ink: #202A24; --lg-paper: #EDEADF; --lg-panel: #E2DCC7; --lg-panel-dark: #243128; --lg-line: #B7AD90;
  --lg-rust: #A8431A; --lg-rust-dark: #832F10; --lg-pine: #2F5233; --lg-cold: #2C6E8E; --lg-steel: #4B5A67;
  --lg-teal: #3B7D74; --lg-muted: #5B6158;

  /* Tokens semánticos */
  --c-ink: var(--lg-ink);            /* texto principal */
  --c-muted: var(--lg-muted);        /* texto secundario */
  --c-muted-2: #8A8F86;              /* texto terciario, placeholders */
  --c-bg: var(--lg-paper);           /* fondo de página */
  --c-surface: #FFFFFF;              /* recuadros, grillas, campos */
  --c-surface-2: #F7F5EC;            /* recuadro secundario, filas alternas */
  --c-panel: var(--lg-panel);        /* paneles, pie de grillas, deshabilitado */
  --c-line: #D3CBB3;                 /* bordes finos */
  --c-line-strong: var(--lg-line);   /* bordes de campos y recuadros */
  --c-brand: #364438;                /* estructura: barras, solapas, encabezados (borde del panel de la landing) */
  --c-brand-2: #4A5C4E;              /* estructura clara (hover, degradés) */
  --c-brand-dark: var(--lg-panel-dark); /* barra superior, fondo oscuro */
  --c-brand-bg: #E4E3D6;             /* tinte de la estructura (destacado suave) */
  --c-accent: var(--lg-rust);        /* acción principal: Cobrar, Guardar, Imprimir */
  --c-accent-dark: var(--lg-rust-dark);
  --c-accent-bg: #F3E2D7;
  --c-danger: #A3271B; --c-danger-bg: #F6DEDA;
  --c-warn: #8E6410; --c-warn-bg: #F3E8C9;
  --c-info: var(--lg-cold); --c-info-bg: #DDE9EF;
  --c-ok: var(--lg-pine); --c-ok-bg: #E1E9DC;  /* positivo: stock, margen, saldo a favor (texto) */
  --c-link: var(--lg-cold);
  --c-steel: var(--lg-steel);
  --c-teal: var(--lg-teal);
  --c-sel: #E2DCC7;                  /* fila / opción seleccionada (panel de la landing) */
  --c-hover: #F2EFE5;
  --c-focus: var(--lg-teal);

  --f-sans: "IBM Plex Sans", "Segoe UI", system-ui, Arial, sans-serif;
  --f-slab: "Zilla Slab", Georgia, serif;
  --f-mono: "IBM Plex Mono", Consolas, monospace;
  --r-sm: 3px; --r-md: 5px;

  /* Compatibilidad: variables de las hojas anteriores */
  --ink: var(--c-ink); --brand-red: var(--c-accent); --brand-red-dark: var(--c-accent-dark);
  --surface: var(--c-surface); --surface-alt: var(--c-surface-2); --muted: var(--c-muted); --line: var(--c-line);
  --font-sans: var(--f-sans); --radius-sm: var(--r-sm); --radius-md: var(--r-md);
  --pd-rojo: var(--c-accent); --pd-rojo-osc: var(--c-accent-dark); --pd-verde: var(--c-ok); --pd-ambar: var(--c-warn);
  --pd-azul: var(--c-link); --pd-tx: var(--c-ink); --pd-tx2: var(--c-muted); --pd-tx3: var(--c-muted);
  --pd-borde: var(--c-line); --pd-fondo: var(--c-surface-2);
  --fv-verde: var(--c-brand); --fv-verde-osc: var(--c-brand-dark); --fv-verde-claro: var(--c-ok);
  --fv-fondo: var(--c-bg); --fv-fondo2: var(--c-surface-2); --fv-borde: var(--c-line-strong); --fv-tx: var(--c-ink);
  --fv-tx2: var(--c-muted); --fv-neon: var(--lg-paper); /* texto del visor de totales (como el panel de la landing) */ --fv-rojo: var(--c-danger); --fv-sel: var(--c-sel); --fv-foco: var(--c-focus);
}