/* Tokens del diseño aprobado (DISENO-inventario-argensys.md). Único lugar con valores de color. */
:root {
  --bg: #f4f5f2;
  --surface: #ffffff;
  --surface-subtle: #fafbf9;
  --ink: #14201c;
  --ink-2: #2d3f39;
  --muted: #4b5f59;
  --border: #dfe4df;
  --border-input: #c9d1cc;
  --row-line: #edf0ec;
  --accent: #0b6b73;
  --accent-dark: #074e54;
  --accent-tint: #e3f2f1;
  --sidebar: #10231f;
  --sidebar-active: #1d3a34;
  --sidebar-text: #c4d6d0;
  --sidebar-muted: #9fb8b1;
  --brand-mark: #2fb5a8;

  /* Pie de la barra lateral (valores fijos del diseño) */
  --sidebar-line: #24413a;
  --avatar-bg: #2c4e46;
  --timeline-line: #d5dcd7;
  --label-border: #9fb0a9;

  /* Estados (fondo / texto) */
  --st-ingresado-bg: #e8ecea;
  --st-ingresado-fg: #2d3f39;
  --st-diagnostico-bg: #fdf0c9;
  --st-diagnostico-fg: #6b4a00;
  --st-trabajo-bg: #dbe9f7;
  --st-trabajo-fg: #134a7c;
  --st-listo-bg: #d3efdc;
  --st-listo-fg: #0f5a2b;
  --st-entregado-bg: #e8ecea;
  --st-entregado-fg: #2d3f39;

  /* No definido en el diseño: avisos de éxito usan los colores de "Listo para entregar" + --ok-border;
     mensajes de error (mismo criterio sobrio, contraste > 4.5:1) */
  --error: #9b2226;
  --error-bg: #fbeceb;
  --error-border: #e9bcba;

  --ok-border: #b4dfc4;

  --radius-card: 12px;
  --radius-control: 10px;
  --radius-pill: 999px;
  --touch: 44px;

  --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
}

@media (max-width: 640px) {
  :root { --touch: 48px; }
}