/* headers.css — gradiente de header compartido por zona
   Ver docs/UNIFICACION_HEADERS.md (arquitectura, paleta, alcance)

   Selector real: .section-header y .page-header ya existen en el sitio
   (no se introduce .header-hero, que no tenía uso real en el HTML). */

:root {
  --zone-navy: #1A3A5C;
}

.section-header,
.page-header {
  background: linear-gradient(135deg, var(--zone-navy), var(--zone-accent));
}

.zone-rotaciones    { --zone-accent: #1D9E75; }
.zone-residentes    { --zone-accent: #2E6DA4; }
.zone-coordinadores { --zone-accent: #3D6E96; }
.zone-docentes      { --zone-accent: #5F5E5A; }
.zone-recursos      { --zone-accent: #3D6E96; }
.zone-casos-rondas  { --zone-accent: #993C1D; }