/* Auto brand theme - first paint (rewritten on Master color save) */
:root {
  --brand: #125873;
  --page-grad-1: #125873;
  --page-grad-2: #20d0cd;
  --page-grad-3: #1bb1ae;
  --page-soft-1: #cef5f4;
  --page-soft-2: #d9e4e9;
  --page-soft-border: #94b4c0;
  --brand-mid: #3d768c;
  --admin-primary: #125873;
  --admin-accent: #20d0cd;
}
.top-nav, header .top-nav, .main-nav, .main-nav.open, .action-bar {
  background: linear-gradient(90deg, #125873 0%, #20d0cd 55%, #1bb1ae 100%) !important;
}
.sidebar, .mobile-sidebar-header {
  background: linear-gradient(180deg, #0e4256 0%, #125873 100%) !important;
}
.mobile-menu-toggle { background: #125873 !important; }
.diseases-section .ds-left {
  background: linear-gradient(135deg, #125873 0%, #20d0cd 50%, #1bb1ae 100%) !important;
}
.why-wrap, .spec-wrap, .convert-3, .convert-4, .convert-5, .convert-6, .pkg-wrap, .review-wrap {
  background: linear-gradient(180deg, #cef5f4 0%, #d9e4e9 100%) !important;
  border-color: #94b4c0 !important;
}
.right-header h2, .spec-head h3, .doc-right-head h3, .check-head h3, .pkg-head h3, .convert-title {
  color: #125873 !important;
}
.book-btn, .spec-btn {
  background: linear-gradient(180deg, #3d768c 0%, #125873 100%) !important;
  border-color: #0e4256 !important;
}
.typewriter, #typingText, .typewriter .cursor {
  color: #125873 !important;
}
/* Book appointment + shared form brand (from Settings, not hardcoded) */
.appointment-header h1,
.form-section h3,
.booking-otp-card h3,
.contact-info h4,
.time-selection h4,
.date-day,
.fee-amount,
.pay-at-hospital-note {
  color: #125873 !important;
}
.pay-at-hospital-note {
  background: #d9e4e9 !important;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color: #125873 !important;
}
.submit-btn {
  background: #125873 !important;
}
.submit-btn:hover:not(:disabled) {
  background: #0e4256 !important;
}
.date-nav-arrow,
.date-option.selected,
.time-slot.selected {
  background: linear-gradient(90deg, #125873 0%, #20d0cd 55%, #1bb1ae 100%) !important;
  border-color: #125873 !important;
}
.date-option:hover,
.time-slot:hover {
  border-color: #125873 !important;
}
/* Doctor cards + Careers job cards (Settings colors) */
.doctor-card:hover,
.job-card.doctor-card:hover {
  border-color: #20d0cd !important;
}
.doctor-card .doc-name,
.job-card.doctor-card .doc-name,
.doctor-card .doc-tabs .tab,
.doctor-card .doc-tab-content .timings,
.doctor-card .doc-dept-badge,
.job-card.doctor-card .doc-dept-badge {
  color: #125873 !important;
}
.doctor-card .doc-tabs .tab.active {
  background: linear-gradient(135deg, #125873 0%, #20d0cd 100%) !important;
  color: #fff !important;
}
.doctor-card .doc-tab-content,
.job-card.doctor-card .doc-tab-content {
  border-left-color: #20d0cd !important;
  background: #d9e4e9 !important;
}
.doctor-card .actions .btn-primary,
.job-card.doctor-card .actions .btn-primary,
.job-card .apply-btn {
  background: linear-gradient(135deg, #125873 0%, #20d0cd 100%) !important;
  border-color: #125873 !important;
  color: #fff !important;
}
.doctor-card .actions .btn-secondary,
.doctor-card .actions .btn-outline,
.job-card.doctor-card .actions .btn-secondary {
  color: #125873 !important;
  border-color: #125873 !important;
}
.careers-header {
  background: linear-gradient(90deg, #125873 0%, #20d0cd 55%, #1bb1ae 100%) !important;
}
.company-overview h2,
.section-title,
.job-title {
  color: #125873 !important;
}
/* Patient Success Stories (homepage) */
.stories-header h2,
.story-content h3,
.story-author strong {
  color: #125873 !important;
}
.story-card::before {
  background: linear-gradient(90deg, #125873 0%, #20d0cd 100%) !important;
}
.story-quote p::before,
.story-quote p:last-child::after {
  color: #20d0cd !important;
}
.patient-stories-section {
  background: linear-gradient(135deg, #cef5f4 0%, #d9e4e9 100%) !important;
}
.rating-text {
  background: linear-gradient(135deg, #125873 0%, #20d0cd 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}