/* =====================================================================
   VARIABLES DE DISEÑO
   Cambie aquí los colores y fuentes de todo el sistema.
   - :root                 tema claro (por defecto)
   - prefers-color-scheme  tema oscuro automático si la PC lo usa
   ===================================================================== */
:root {
  /* Superficies y texto */
  --bg: #f3f5f4;          /* fondo general */
  --panel: #ffffff;       /* tarjetas */
  --ink: #15211f;         /* texto principal */
  --muted: #5b6b68;       /* texto secundario */
  --line: #dfe5e3;        /* bordes */

  /* Barra lateral */
  --side: #10302c;
  --side-ink: #d5e6e2;
  --side-mute: #86a39d;
  --side-accent: #3fbfa8;

  /* Color de marca */
  --accent: #0d7a6b;
  --accent-ink: #ffffff;
  --accent-soft: #e0f1ed;

  /* Colores del semáforo (los usan estados e ítems: ok, warn, bad, risk, info, idle) */
  --ok: #2e9d55;          /* realizado / bien */
  --warn: #e3a21a;        /* atención */
  --bad: #d4413a;         /* falta / crítico */
  --risk: #b02a6e;        /* riesgo */
  --info: #3a7fc4;        /* informativo */
  --idle: #c4ccca;        /* aún no corresponde */
  --err: #7f1d1d;         /* error de registro (ej. gestante sin FUR) */

  /* Cuadro de detalle (tooltip) */
  --tip: #14211f;
  --tip-ink: #eef5f3;

  /* Tipografías */
  --f-disp: "Archivo", "Segoe UI", system-ui, sans-serif;     /* títulos */
  --f-body: "Public Sans", "Segoe UI", system-ui, sans-serif; /* texto */
  --f-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace; /* números, DNI, fechas */

  color-scheme: light;
}

/* Tema oscuro: solo se redefinen los colores */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0e1716; --panel: #152220; --ink: #e3ecea; --muted: #93a6a2; --line: #253633;
    --side: #0a1312; --side-ink: #cfe2de; --side-mute: #6f8a84;
    --accent: #3fbfa8; --accent-ink: #06201b; --accent-soft: #16332e;
    --idle: #3c4c49; --tip: #e8efed; --tip-ink: #13201e; --err: #e05252;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0e1716; --panel: #152220; --ink: #e3ecea; --muted: #93a6a2; --line: #253633;
  --side: #0a1312; --side-ink: #cfe2de; --side-mute: #6f8a84;
  --accent: #3fbfa8; --accent-ink: #06201b; --accent-soft: #16332e;
  --idle: #3c4c49; --tip: #e8efed; --tip-ink: #13201e; --err: #e05252;
  color-scheme: dark;
}