/* La piel de la web de Soylasalud (resumen del médico, invitaciones).
   Contrato: DESIGN.md §2 y §3. contraste_test.go compara cada token con el
   documento: no cambies un color aquí sin cambiarlo allá. */

:root {
  --fondo: #FFF8EC;
  --tarjeta: #FFFFFF;
  --tinta: #22201C;
  --borde: #EFE6D2;
  --marca: #1E6B5C;
  --marca-linea: #1E6B5C;
  --marca-suave: #DDF0E8;
  --acento: #E8664A;
  --alerta: #C2412A;
  --alerta-fondo: #FBE6DF;
  --aviso: #B7791F;
  --aviso-fondo: #FFF1CC;
  --bien: #1E6B3A;
  --apagado: #8F8A7E;
  --blanco: #FFFFFF;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #15130F;
    --tarjeta: #1F1B16;
    --tinta: #F7F1E4;
    --borde: #3A342A;
    --marca: #1E6B5C;
    --marca-linea: #7CCBB5;
    --marca-suave: #1F3A33;
    --acento: #E8664A;
    --alerta: #C2412A;
    --alerta-fondo: #3A211B;
    --aviso: #E8B06A;
    --aviso-fondo: #3A2A10;
    --bien: #4FB878;
    --apagado: #6E7C76;
    --blanco: #FFFFFF;
    color-scheme: dark;
  }
}

body {
  margin: 0;
  background: var(--fondo);
  color: var(--tinta);
  font-family: 'Manrope', 'Segoe UI', Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.55;
}