/* Approved item 06: extend the official navy/gold palette below the hero.
   This stylesheet changes presentation only; existing copy and layout remain. */
:root {
  --navy: #012c59;
  --navy-mid: #0b3b6b;
  --gold: #e8b24d;
  --gold-light: #f4cb79;
  --gold-ink: #745200;
  --coral: #e8b24d;
  --coral-dark: #b77b16;
}

body { background: #012c59; }

/* The navy sections carry light text; the white cards remain reading surfaces. */
#mission, #why-gti-matters, #domains, #join {
  background: #012c59 !important;
  color: #f5f8fb;
}
#pathways, #partnerships, #team, #events {
  background: #0b3b6b !important;
  color: #f5f8fb;
}

#pathways > .container > .eyebrow,
#why-gti-matters > .container > .eyebrow,
#partnerships > .container > .eyebrow,
#domains > .container > .eyebrow,
#team > .container > .eyebrow,
#events > .container > .eyebrow,
#mission .eyebrow {
  color: #f4cb79 !important;
}

#pathways > .container > h2,
#why-gti-matters .issue-intro > h2,
#why-gti-matters .issue-intro > p,
#why-gti-matters .principles-heading,
#partnerships > .container > h2,
#partnerships > .container > p,
#domains > .container > h2,
#domains > .container > p,
#team > .container > h2,
#events > .container > h2 {
  color: #f5f8fb !important;
}

#pathways .pathway-card,
#why-gti-matters .principle-card,
#partnerships .partner-logo-card,
#domains .pathway-card,
#team .team-card,
#events .event-preview-card {
  background: #fffdf8;
  color: #17324e;
}

/* Gold text on light cards uses a darker shade for readable contrast. */
body #pathways .pathway-card--gold .pathway-label,
body #pathways .pathway-card--coral .pathway-label,
#events .event-type { color: #745200 !important; }
body #pathways .pathway-card--gold .pathway-number,
body #pathways .pathway-card--coral .pathway-number { color: #745200 !important; }
#events .event-preview-card a,
#team .team-card-body a { color: #174b78; }
#events .event-preview-card a:hover,
#team .team-card-body a:hover { color: #012c59; }
#team .team-see-all .btn,
#events .team-see-all .btn {
  border-color: #f4cb79;
  color: #f4cb79;
}
#team .team-see-all .btn:hover,
#events .team-see-all .btn:hover {
  background: #f4cb79;
  color: #012c59;
}

/* Maintain a continuous dark field between sections and through the footer. */
.stats-band, .jung-quote-band { background: #012c59; }
.hub-band { background: linear-gradient(135deg, #012c59 0%, #0b3b6b 100%); }
#pathways, #partnerships, #team { border-top-color: rgba(244,203,121,.7); }
#mission, #why-gti-matters, #domains, #events { border-top-color: rgba(244,203,121,.7); }

@media (prefers-color-scheme: dark) {
  #pathways .pathway-card,
  #why-gti-matters .principle-card,
  #partnerships .partner-logo-card,
  #domains .pathway-card,
  #team .team-card,
  #events .event-preview-card {
    background: #fffdf8;
    color: #17324e;
  }
}