/* Tema de color de toda la app. Los colores de estado tienen significado:
   verde = abierta/ok, ámbar = revisar, rojo = cerrada o cierra muy pronto. */
:root {
  --fondo: #f3f6f7;
  --superficie: #ffffff;
  --tinta: #14212b;
  --tenue: #56656f;
  --linea: #d9e0e4;
  --acento: #0b6e8a;
  --acento-suave: #e2f0f4;
  --ok: #1f7a3f;      --ok-suave: #e3f3e8;
  --alerta: #9a6200;  --alerta-suave: #fbf0d9;
  --urgente: #b3261e; --urgente-suave: #fbe4e2;
  --letra: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --letra-titulo: "Bricolage Grotesque", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #0e161c; --superficie: #16212a; --tinta: #e6edf1; --tenue: #9aaab4; --linea: #273541;
    --acento: #4fb6d3; --acento-suave: #16323d;
    --ok: #5cc983; --ok-suave: #163222; --alerta: #e8b04a; --alerta-suave: #3a2d12;
    --urgente: #f08079; --urgente-suave: #3d1b19;
    color-scheme: dark;
  }
}