/* VY Hospital palette, sampled from the supplied identity artwork. */
:root {
  --brand-teal: #00a9b7;
  --brand-teal-dark: #007681;
  --brand-green: #68c030;
  --brand-green-dark: #37761d;
  --brand-yellow: #ffd000;
  --brand-navy: #00478f;
  --brand-mint: #f0faf7;
  --brand-soft-green: #f1f8e9;
  --navy: #074669;
  --blue: var(--brand-teal-dark);
  --blue-dark: #005e68;
  --teal: var(--brand-teal);
  --ink: #163b50;
  --muted: #5e757d;
  --line: #dceae7;
  --light: #f0f9f6;
}

/* Display the original logo in full, including its wordmark and badge. */
.brand--header,
.brand--footer { display: block; padding: 0; line-height: 0; }
.brand-logo { display: block; width: 305px; height: auto; max-width: 100%; }
.brand--footer { max-width: 320px; border-radius: 5px; background: #fff; padding: 11px 10px; }
.brand--footer .brand-logo { width: 100%; }
.header { border-bottom: 2px solid #e1eddd; }
.header-actions .button,
.closing-cta .button { background: var(--brand-yellow); border-color: var(--brand-yellow); color: #12394f; }
.header-actions .button:hover,
.closing-cta .button:hover { background: #f0c400; border-color: #f0c400; }

.topbar { background: #075767; color: #e0f4f0; }
.live-dot { background: var(--brand-green); }
.top-divider { background: #43838a; }
.language-switch button { color: #badad8; }
.nav-link.active:after { background: var(--brand-green); }
.hero h1 { color: #064975; }
.hero h1 .blue { color: var(--brand-teal-dark); }
.eyebrow-dot { background: var(--brand-green); box-shadow: 0 0 0 4px #68c03019; }
.assurance-strip { border-top: 3px solid var(--brand-green); }
.assurance:nth-child(2) .icon-well { color: var(--brand-navy); background: #edf3fa; }
.assurance:nth-child(3) .icon-well { color: var(--brand-green-dark); background: #f0f8e8; }
.assurance:nth-child(4) .icon-well { color: #7b6500; background: #fff9dc; }
.specialty-card:hover { border-color: #8acb6f; box-shadow: 0 9px 30px #0076810c; }
.about-stamp { border-bottom: 3px solid var(--brand-yellow); }
.small-cross { color: var(--brand-yellow); }
.doctor-department span { color: #006f78; }
.patient-card:nth-child(2) { border-top: 3px solid var(--brand-green); }
.patient-card:nth-child(2)>i svg { color: var(--brand-green-dark); }
.patient-card:nth-child(3) { border-top: 3px solid var(--brand-yellow); }
.newsletter-card { background: var(--brand-soft-green); border-color: #deebce; }
.newsletter-card .eyebrow { color: var(--brand-green-dark); }
.appointment-section { background: linear-gradient(125deg, #074669, #076d75); }
.appointment-copy .eyebrow { color: #ffe482; }
.appointment-contact .light-icon { color: #d2f1e6; }
.closing-cta { background: #007681; border-top: 3px solid var(--brand-yellow); }
.closing-cta p { color: #d4eee5; }
.footer { background: #073b50; }
.floating-help { background: #075b66; border-color: #68c03066; }
.floating-help>i svg { color: #c6e9a7; }
.checklist-list li svg { color: var(--brand-green-dark); }
.pill-label { color: #006b76; background: #eef7f2; }

@media (max-width:1190px) { .brand--header .brand-logo { width: 260px; } }
@media (max-width:980px) { .brand--header .brand-logo { width: 220px; } }
@media (max-width:800px) { .brand--header .brand-logo { width: 290px; } }
@media (max-width:620px) {
  .brand--header .brand-logo { width: clamp(170px, 49vw, 285px); }
  .footer-brand { grid-template-columns: 1fr; gap: 20px; }
  .brand--footer { width: 100%; max-width: 350px; padding: 12px; }
  .footer-brand p { max-width: 300px; }
  .footer-brand .social-links { margin-top: 0; }
  .header { border-bottom-width: 1px; }
}
@media (max-width:370px) { .brand--header .brand-logo { width: 48vw; } }