/* Colores comunes de las pantallas con CSS propio: portal del paciente, alta, informe, login y error.
   El panel usa Tailwind con los mismos índigo (brand-600 = --accent claro, brand-400 = --accent oscuro).
   Cambiar un color acá lo cambia en todas. Claro/oscuro automático según el celular o la compu. */
:root{
  --bg:#F5F5F7; --card:#FFFFFF; --line:#E5E5EA; --text:#1D1D1F; --muted:#6E6E73;
  --accent:#4F46E5; --on-accent:#FFFFFF; --accent-soft:#EEF0FF; --field:#F5F5F7;
  --ok:#157A42; --ok-bg:#E8F6EE; --ok-icon:#1F9D55;
  --warn:#7A4E00; --warn-bg:#FFF4DB; --bad:#B42318; --bad-bg:#FDECEA; --bad-solid:#D92D20;
  --disabled-bg:#E5E5EA; --overlay:rgba(0,0,0,.5);
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#1C1C1E; --card:#2C2C2E; --line:#3A3A3C; --text:#F5F5F7; --muted:#A1A1A6;
    --accent:#818CF8; --on-accent:#14142B; --accent-soft:#2B2D52; --field:#1C1C1E;
    --ok:#6EDC9B; --ok-bg:#16301F; --ok-icon:#4CD07F;
    --warn:#FFD479; --warn-bg:#3A2E10; --bad:#FF8A80; --bad-bg:#3B1B18; --bad-solid:#F0584B;
    --disabled-bg:#3A3A3C; --overlay:rgba(0,0,0,.65);
  }
}