/* Identidad Var Medical — misma paleta y letra que la app de ventas (diseño v2, §6). */
:root {
  --bg: #070f20;  --card: #0b1a33;  --card-2: #0f2344;  --line: #1c4f8b;
  --txt: #e8f0fb; --muted: #a9bfdc;
  --green: #22e07a; --gold: #f5b73a; --red: #ff4c4c; --blue: #388add; --primary: #1f6fd4;
  --green-bg: #0d2218; --gold-bg: #1a1408; --red-bg: #1a0f12;
  --on-primary: #ffffff;
  --radius: 16px; --radius-s: 10px; --tap: 60px;
  --font: 'Lato', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mono: ui-monospace, 'Cascadia Mono', Consolas, 'Courier New', monospace;
  --sombra: 0 0 0 1px var(--line), 0 12px 32px rgba(0, 0, 0, .35);
  color-scheme: dark;
}
/* Tema claro de alto contraste: para usar el celular con la luz fuerte de la bodega */
:root[data-tema="claro"] {
  --bg: #f4f7fb;  --card: #ffffff;  --card-2: #eaf0f8;  --line: #b9cbe4;
  --txt: #0a1628; --muted: #3d5474;
  --green: #0f7a3f; --gold: #8a5a00; --red: #c62828; --blue: #1557b0; --primary: #1557b0;
  --green-bg: #e3f6ea; --gold-bg: #fff4dc; --red-bg: #fde8e8;
  --sombra: 0 0 0 1px var(--line), 0 6px 18px rgba(10, 22, 40, .12);
  color-scheme: light;
}