/* COLOR MATCH v9
   Restores the original live-site palette while preserving the final redesign.
*/

:root {
  --navy: #071b2d;
  --navy-2: #0b2e49;
  --blue: #0b84d2;
  --cyan: #2fc7d7;
  --aqua: #99e3df;
  --cream: #f5efe3;
  --paper: #fffaf0;
  --orange: #f2a11f;
  --coral: #e45a3d;
  --ink: #0b1720;
  --muted: #62707b;
  --line: rgba(7,27,45,.14);
}

html,
body {
  color: var(--ink);
  background-color: var(--cream) !important;
}

body::before {
  background:
    linear-gradient(180deg, rgba(245,239,227,.28), rgba(245,239,227,.34)),
    url('../assets/images/site-background-premium.webp') center top / cover no-repeat !important;
}

body::after {
  background:
    radial-gradient(circle at 50% 8%, rgba(255,250,240,.16), transparent 34%),
    linear-gradient(90deg, rgba(255,250,240,.02), transparent 14%, transparent 86%, rgba(255,250,240,.02));
}

/* Header and navigation */
.site-header {
  background: rgba(245,239,227,.93) !important;
  border-bottom-color: rgba(7,27,45,.10) !important;
}

.utility {
  background: var(--navy) !important;
  color: rgba(255,255,255,.82) !important;
}

.brand strong,
.nav-link,
.dropdown-toggle {
  color: var(--navy);
}

.brand small {
  color: var(--muted) !important;
}

.nav-link:hover,
.dropdown-toggle:hover,
.nav-link.is-active {
  background: rgba(11,132,210,.10) !important;
  color: var(--blue) !important;
}

.dropdown-panel {
  background: var(--paper) !important;
  border-color: var(--line) !important;
}

/* Global typography */
h1,
h2,
h3,
strong {
  color: inherit;
}

p,
small {
  color: var(--muted);
}

.eyebrow,
.section-number {
  color: var(--blue);
}

.section-number {
  color: var(--coral) !important;
}

.eyebrow.light {
  color: var(--aqua) !important;
}

/* Hero */
.page-index .hero {
  background: rgba(245,239,227,.14) !important;
}

.page-index .hero-copy {
  background: linear-gradient(145deg, rgba(255,250,240,.72), rgba(255,250,240,.50)) !important;
  border-color: rgba(7,27,45,.08) !important;
}

.page-index .hero h1,
.page-index .hero-copy > p,
.page-index .hero-meta strong {
  color: var(--navy) !important;
}

.page-index .hero h1 span {
  color: var(--blue) !important;
}

.page-index .hero h1 em {
  color: var(--coral) !important;
}

.page-index .hero-meta div {
  background: rgba(255,250,240,.78) !important;
  border-color: rgba(7,27,45,.10) !important;
}

.page-index .hero-meta span {
  color: var(--muted) !important;
}

.hero-label {
  background: var(--orange) !important;
  color: var(--navy) !important;
}

.button-primary {
  background: var(--blue) !important;
  color: #fff !important;
}

.button-primary:hover {
  background: #0874b9 !important;
}

.button-outline {
  border-color: rgba(7,27,45,.24) !important;
  background: rgba(255,250,240,.58) !important;
  color: var(--navy) !important;
}

.button-orange {
  background: var(--orange) !important;
  color: var(--navy) !important;
}

/* Marquee */
.marquee {
  background: var(--navy) !important;
  color: #fff !important;
}

.marquee span::after {
  color: var(--orange) !important;
}

/* Light sections */
.subhero,
.section-cream,
.section-paper,
.section-lab-showcase,
.section-toolkit,
.pipe-section-2,
.pipe-section-4,
.pipe-section-5,
.pipe-section-6,
.pipe-section-8 {
  background: rgba(245,239,227,.42) !important;
  color: var(--ink) !important;
}

.subhero h1,
.section-cream h2,
.section-paper h2,
.section-lab-showcase h2,
.section-toolkit h2,
.article-card h2,
.article-card h3,
.form-card h2,
.side-nav,
.side-nav a {
  color: var(--navy) !important;
}

.editorial-card,
.feature,
.process,
.process-card,
.program-price-card,
.faq-item,
.article-card,
.form-card,
.side-nav,
.support-card.light,
.toolkit-card,
.tag-box {
  background: rgba(255,250,240,.76) !important;
  border-color: rgba(7,27,45,.10) !important;
}

.editorial-card h3,
.feature h3,
.process-card h3,
.faq-q,
.toolkit-card h3,
.article-card h3 {
  color: var(--navy) !important;
}

.editorial-card p,
.feature p,
.process-card p,
.faq-a p,
.toolkit-card p,
.article-card p,
.form-card p,
.support-card.light p {
  color: var(--muted) !important;
}

/* Dark sections */
.section-navy,
.pipe-section-3 {
  background: linear-gradient(135deg, rgba(7,27,45,.80), rgba(11,46,73,.76)) !important;
  color: #fff !important;
}

.section-blue,
.pipe-section-7 {
  background: linear-gradient(135deg, rgba(11,46,73,.78), rgba(14,91,118,.74)) !important;
  color: #fff !important;
}

.section-navy h2,
.section-navy h3,
.section-navy strong,
.section-blue h2,
.section-blue h3,
.section-blue strong,
.lab-stat h3,
.lab-stat strong,
.support-card.dark h2,
.support-card.dark h3,
.contact-panel h2,
.contact-panel h3,
.subhero .tag-box strong,
.toolkit-card:nth-child(2) h3,
.toolkit-card:nth-child(3) h3 {
  color: #fff !important;
}

.section-navy p,
.section-blue p,
.curriculum-item small,
.lab-stat p,
.support-card.dark p,
.contact-panel p,
.toolkit-card:nth-child(2) p,
.toolkit-card:nth-child(3) p {
  color: rgba(255,255,255,.74) !important;
}

.curriculum-item span {
  color: var(--orange) !important;
}

.curriculum-item {
  border-bottom-color: rgba(255,255,255,.16) !important;
}

/* Toolkit dark cards */
.toolkit-card:nth-child(2),
.toolkit-card:nth-child(3),
.lab-stat,
.support-card.dark,
.contact-panel,
.subhero .tag-box {
  background: linear-gradient(145deg, rgba(7,27,45,.96), rgba(11,46,73,.93)) !important;
  color: #fff !important;
}

.toolkit-card div > span {
  color: var(--coral) !important;
}

/* Tuition */
.program-price-card {
  background: linear-gradient(145deg, rgba(255,250,240,.82), rgba(245,239,227,.66)) !important;
}

.program-price-card h2,
.program-price-card .program-total,
.program-price-card .program-total-label,
.program-price-card strong,
.program-price-card span,
.program-price-card small,
.program-price-card p {
  color: var(--navy) !important;
}

.program-price-card .eyebrow.light {
  color: var(--blue) !important;
}

.program-facts > div {
  background: rgba(7,27,45,.04) !important;
  border-color: rgba(7,27,45,.09) !important;
}

/* Final CTA */
.final-cta {
  background: linear-gradient(110deg, var(--coral), var(--orange)) !important;
  color: #fff !important;
}

.final-cta h2 {
  color: #fff !important;
}

.button-dark {
  background: var(--navy) !important;
  color: #fff !important;
}

/* Footer */
.site-footer,
footer.site-footer {
  background: linear-gradient(135deg, var(--navy), var(--navy-2)) !important;
  color: #fff !important;
}

.site-footer .brand strong {
  color: #fff !important;
}

.site-footer .brand small,
.site-footer p,
.site-footer .footer-col a,
.site-footer > * > div > a,
.site-footer .footer-bottom {
  color: rgba(255,255,255,.74) !important;
}

.site-footer h3 {
  color: var(--aqua) !important;
}

.site-footer .socials a {
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(255,255,255,.18) !important;
}

/* Forms */
.field label {
  color: var(--navy) !important;
}

.field input,
.field select,
.field textarea {
  background: rgba(255,255,255,.94) !important;
  color: var(--ink) !important;
  border-color: rgba(7,27,45,.14) !important;
}

/* Focus and links */
.text-link {
  color: var(--blue);
}

.info-fab {
  background: var(--blue) !important;
  color: #fff !important;
}

@media (max-width: 820px) {
  body::before {
    background:
      linear-gradient(180deg, rgba(245,239,227,.36), rgba(245,239,227,.42)),
      url('../assets/images/site-background-premium.webp') center top / 1320px auto no-repeat !important;
  }

  .section-navy,
  .pipe-section-3 {
    background: linear-gradient(135deg, rgba(7,27,45,.86), rgba(11,46,73,.82)) !important;
  }

  .section-blue,
  .pipe-section-7 {
    background: linear-gradient(135deg, rgba(11,46,73,.84), rgba(14,91,118,.80)) !important;
  }
}