/* Sai Neelkanth Hospital — soft botanical green theme, Oct 2026.
 * Primary jade green #75A475 with deeper #347453 on CTA buttons and accessible small green text; all existing backgrounds retained.
 * A deeper jade green is used for small text and white-on-green buttons
 * to maintain legibility. Scoped to color only; no geometry, images or motion changed.
 */
:root {
  --pastel-sage: #75A475;
  --pastel-sage-deep: #347453;
  --pastel-sage-hover: #2B6045;
  --pastel-jade-sheen: #A9CAB0;
  --pastel-ink: #263B2A;
  --pastel-muted: #49614E;
  --pastel-mist: #E8F0E7;
  --pastel-wash: #F3F7F2;
  --pastel-border: #C9D6C8;

  /* Existing theme tokens, used across the site's stylesheets. */
  --brochure-forest: var(--pastel-ink);
  --brochure-green: var(--pastel-sage-deep);
  --brochure-leaf: var(--pastel-sage-deep);
  --brochure-muted: var(--pastel-muted);
  --brochure-sage: var(--pastel-sage);
  --brochure-warm: var(--pastel-wash);
  --brochure-mist: var(--pastel-mist);
  --brochure-cream: #E5EDE3;
  --brochure-border: var(--pastel-border);
  --green: var(--pastel-sage-deep);
  --ink: var(--pastel-ink);
  --muted: var(--pastel-muted);
  --lime: var(--pastel-sage);
  --line: var(--pastel-border);
  --brand-forest: var(--pastel-ink);
  --brand-leaf: var(--pastel-sage-deep);
  --brand-sage: var(--pastel-sage);
  --brand-blue: var(--pastel-sage-deep);
  --brand-blue-deep: var(--pastel-ink);
  --brand-orange: var(--pastel-sage);
  --brand-ink: var(--pastel-ink);
  --color-forest: var(--pastel-ink);
  --color-green: var(--pastel-sage-deep);
  --color-sage: var(--pastel-sage);
  --snh-forest: var(--pastel-ink);
  --snh-vibrant: var(--pastel-sage-deep);
  --snh-olive: var(--pastel-sage);
  --snh-mint: var(--pastel-mist);
  --surface-sage: var(--pastel-mist);
  --surface-sage-soft: var(--pastel-wash);
  --border-soft: var(--pastel-border);
}
html { accent-color: var(--pastel-sage-deep) !important; }
body { color: var(--pastel-ink) !important; }

/* Header, labels and emphasis remain legible against soft backgrounds. */
.topbar, .topbar a {
  background: var(--pastel-sage-deep) !important;
  color: #fff !important;
}
.scroll-progress {
  background: linear-gradient(90deg, var(--pastel-sage-hover), var(--pastel-sage), var(--pastel-jade-sheen)) !important;
}
.eyebrow, #home .eyebrow, .contact-kicker,
#home .hero-side-label, .purpose-label,
.doctor-role, .doctor-number, .service-info-label,
.service-info-doctor > span, .hospital-findbar .eyebrow {
  color: var(--pastel-sage-deep) !important;
}
#home h1 em, .section-head h2 em, .purpose-heading h2 em,
#about h2 em, #appointment h2 em, #contact h2 em,
#gallery .hospital-gallery-heading h2 em,
.hospital-findbar h2 em, .service-info-main .service-info-label {
  color: var(--pastel-sage-deep) !important;
}
#home.hero-with-entrance {
  background: linear-gradient(115deg, var(--pastel-wash), #fff 91%) !important;
}
header nav a:hover, header nav a:focus-visible, .textlink:hover,
#home .hero-scroll-arrow, .quickstrip > a > span {
  color: var(--pastel-sage-deep) !important;
}

/* The reference sage is dominant in the visuals, deeper sage on CTA fills for contrast. */
header > .button.small, .button, #home .actions .button,
.contact-actions .button, #appointment #booking > .button,
form#booking > .button, #care .care-card.featured,
.chat-launch.chatbot-launch, .chatbot-avatar,
.chatbot-panel .chatbot-composer button,
nav.mobile-actions .mobile-action.mobile-action-primary,
.hospital-findbar .find-cta, .service-info-book {
  background: var(--pastel-sage-deep) !important;
  border-color: var(--pastel-sage-deep) !important;
  color: #fff !important;
}
#care .care-card.featured :is(h3,p,a,.icon) { color: #fff !important; }
header > .button.small:hover, .button:hover, #home .actions .button:hover,
.contact-actions .button:hover, #appointment #booking > .button:hover,
form#booking > .button:hover, .chat-launch.chatbot-launch:hover,
.chatbot-panel .chatbot-composer button:hover,
nav.mobile-actions .mobile-action.mobile-action-primary:hover,
.hospital-findbar .find-cta:hover, .service-info-book:hover {
  background: var(--pastel-sage-hover) !important;
  border-color: var(--pastel-sage-hover) !important;
  color: #fff !important;
}

/* Botanical surfaces and gentle accents. */
#doctors.doctors-section, #appointment.appointment-section,
#mission .purpose-card:not(.purpose-card-accent) {
  background: var(--pastel-mist) !important;
}
#about.about.section, #mission .purpose-card.purpose-card-accent,
.service-finder {
  background: var(--pastel-wash) !important;
}
#care .care-card.maternity { background: var(--pastel-mist) !important; }
#care .care-card.featured { background: var(--pastel-sage-deep) !important; }
#mission .purpose-card::before,
#mission .purpose-card.purpose-card-accent::before {
  background: var(--pastel-sage) !important;
}
#care .service-link:hover, #care .service-link:focus-visible,
#care .compact-view-all:hover, .chatbot-panel .chatbot-quick button:hover {
  background: var(--pastel-mist) !important;
  border-color: var(--pastel-sage) !important;
}
#contact.contact, #contact.contact.section {
  background: linear-gradient(110deg, var(--pastel-mist), var(--pastel-wash)) !important;
}
#contact .contact-map-card, #appointment form#booking,
#mission .purpose-card, #care .care-card {
  border-color: var(--pastel-border) !important;
}
#about .about-cta, #doctors .doctor-mobile-book, #doctors .doctor-action,
#contact .contact-email, .chatbot-action, .simple-footer .footer-bottom a {
  color: var(--pastel-sage-deep) !important;
}

/* Gallery and appointment-search interactive elements with old fixed green values. */
#gallery.hospital-gallery.section { background: var(--pastel-wash) !important; }
#gallery .hospital-gallery-heading h2, .hospital-findbar h2 {
  color: var(--pastel-ink) !important;
}
#gallery .hospital-gallery-heading > p,
#gallery .hospital-gallery-modal-info > p:not(.eyebrow),
.hospital-findbar .find-description {
  color: var(--pastel-muted) !important;
}
#gallery .hospital-gallery-dot { background: #A2B9A1 !important; }
#gallery .hospital-gallery-dot[aria-current="true"] {
  background: var(--pastel-sage) !important;
}
#gallery .hospital-gallery-navigation button {
  color: var(--pastel-ink) !important;
  border-color: var(--pastel-border) !important;
}
#gallery .hospital-gallery-navigation button:hover {
  background: var(--pastel-mist) !important;
  border-color: var(--pastel-sage) !important;
}
.hospital-findbar {
  background: linear-gradient(115deg, var(--pastel-mist), var(--pastel-wash)) !important;
  border-color: var(--pastel-border) !important;
}
.hospital-findbar .find-icon, .hospital-findbar .find-marker,
.hospital-findbar .find-result-icon,
.service-info-dialog .service-info-call {
  color: var(--pastel-sage-deep) !important;
}
.hospital-gallery-item.image-unavailable {
  background: var(--pastel-sage-deep) !important;
}
.chatbot-panel .chatbot-head {
  background: var(--pastel-sage-deep) !important;
  color: #fff !important;
}
.chatbot-message.is-user .chatbot-bubble {
  background: var(--pastel-sage-deep) !important;
  color: #fff !important;
}
.chatbot-message.is-bot .chatbot-bubble,
.chatbot-panel .chatbot-quick button {
  background: var(--pastel-mist) !important;
  color: var(--pastel-ink) !important;
  border-color: var(--pastel-border) !important;
}
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline-color: var(--pastel-sage-deep) !important;
}

/* No spacing, layout, cropping or responsive behavior altered in this palette file. */