/* Identidad VAR Medical (la misma paleta de la app de bodega y la de ventas).
   Claro por defecto: se usa en laboratorios con mucha luz. Oscuro si el aparato lo pide. */
:root {
  --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; --blue-bg: #e6eefa;
  --on-primary: #ffffff;
  --orange: #b4430b; --orange-bg: #ffeddc;
  /* El banner de Mi día: franjas de color fuerte, iguales en claro y oscuro (texto blanco encima). */
  --banner-rojo: #c62828; --banner-naranja: #c2410c; --banner-amarillo: #f2b233; --banner-verde: #0f7a3f; --banner-info: #1557b0;
  --radius: 16px; --radius-s: 10px; --tap: 56px;
  --font: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --sombra: 0 0 0 1px var(--line), 0 6px 18px rgba(10, 22, 40, .10);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #070f20;  --card: #0b1a33;  --card-2: #0f2344;  --line: #1c4f8b;
    --txt: #e8f0fb; --muted: #a9bfdc;
    --green: #22e07a; --gold: #f5b73a; --red: #ff6b6b; --blue: #7fb2ff; --primary: #1f6fd4;
    --green-bg: #0d2218; --gold-bg: #1a1408; --red-bg: #2a1216; --blue-bg: #0f2344;
    --orange: #ff9a52; --orange-bg: #2a1708;
    --sombra: 0 0 0 1px var(--line), 0 12px 32px rgba(0, 0, 0, .35);
    color-scheme: dark;
  }
}