/* Shared dark palette, available at every screen width. */

  html[data-theme="dark"] {
    --blue: #929aff;
    --blue-dark: #090d25;
    --blue-soft: #1b2344;
    --ink: #f4f6ff;
    --muted: #adb3c9;
    --warm: #0d1227;
    --paper: #11172e;
    --line: #2b3351;
    --aqua: #1b3440;
    --background: var(--warm);
    --foreground: var(--ink);
    --card: #151c36;
    --card-foreground: var(--ink);
    --popover: #151c36;
    --popover-foreground: var(--ink);
    --secondary: var(--blue-soft);
    --secondary-foreground: var(--ink);
    --muted-foreground: var(--muted);
    --accent: #202845;
    --accent-foreground: var(--ink);
    --border: var(--line);
    --input: var(--line);
    --ring: #929aff;
  }

  html[data-theme="dark"] body,
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .home-specialists,
html[data-theme="dark"] .trust-strip,
html[data-theme="dark"] .services-section,
html[data-theme="dark"] .home-contact,
html[data-theme="dark"] .doctors-section,
html[data-theme="dark"] .clinic-gallery,
html[data-theme="dark"] .treatments-list,
html[data-theme="dark"] .faq-section,
html[data-theme="dark"] .legal-section,
html[data-theme="dark"] .map-section,
html[data-theme="dark"] .full-reviews { background-color: var(--warm); color: var(--ink); }

  html[data-theme="dark"] .hero-section,
html[data-theme="dark"] .inner-hero,
html[data-theme="dark"] .legal-hero,
html[data-theme="dark"] .legal-hero-terms { background: radial-gradient(circle at 82% 14%, #303b9652, transparent 34%), linear-gradient(145deg, #0d1227, #121934); }

  html[data-theme="dark"] .granite-section { background: linear-gradient(#0e1428e8, #0e1428e8), url(../images/granite.webp) 50%/cover scroll; }

  html[data-theme="dark"] .secondary-button,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .treatment-more,
html[data-theme="dark"] .treatment-more-grid > div,
html[data-theme="dark"] .contact-summary > div,
html[data-theme="dark"] .legal-nav a,
html[data-theme="dark"] .legal-external-links a { background: var(--card); border-color: var(--line); color: var(--ink); }

  html[data-theme="dark"] .secondary-button { color: var(--ink); }

  html[data-theme="dark"] .hero-location-card,
html[data-theme="dark"] .review-filter,
html[data-theme="dark"] .legal-meta span { background: #151c36e8; border-color: var(--line); color: var(--muted); }

  html[data-theme="dark"] .doctor-blue { background: #1b2446; }

  html[data-theme="dark"] .doctor-red { background: #38202d; }

  html[data-theme="dark"] .doctor-portrait { background: #232b43; }

  html[data-theme="dark"] .doctor-card h3,
html[data-theme="dark"] .doctor-card .doctor-title,
html[data-theme="dark"] .doctor-card-body > p:not(.qualification):not(.doctor-title),
html[data-theme="dark"] .doctor-focus li { color: var(--ink); }

  html[data-theme="dark"] .doctor-speciality { background: #4a2230; border-color: #f06c7838; }

  html[data-theme="dark"] .tone-blue { background: #1c3150e8; }

  html[data-theme="dark"] .tone-ivory { background: #393326eb; }

  html[data-theme="dark"] .tone-grey { background: #29303bed; }

  html[data-theme="dark"] .tone-rose { background: #402a35ec; }

  html[data-theme="dark"] .review-card { border-color: #ffffff12; }

  html[data-theme="dark"] .review-card blockquote,
html[data-theme="dark"] .review-author strong { color: #f4f6ff; }

  html[data-theme="dark"] .review-author span { color: #c0c5d6; }

  html[data-theme="dark"] .review-stars { color: #c7ccff; }

  html[data-theme="dark"] .review-arrow { background: var(--card) !important; border-color: var(--line) !important; color: #c7ccff !important; }

  html[data-theme="dark"] .review-filters button { background: var(--card); border-color: var(--line); color: var(--ink); }

  html[data-theme="dark"] .appointment-form { background: var(--card); border-color: var(--line); color: var(--ink); }

  html[data-theme="dark"] .field-group label { color: #d4d8e7; }

  html[data-theme="dark"] .field-group label span,
html[data-theme="dark"] .appointment-note { color: var(--muted); }

  html[data-theme="dark"] .field-group input,
html[data-theme="dark"] .field-group select { background: #0f152c; border-color: var(--line); color: var(--ink); }

  html[data-theme="dark"] .legal-highlight { background: #1b2344; border-color: #333d6b; }

  html[data-theme="dark"] .legal-highlight-emergency { background: #3b202c; border-color: #693341; }

  html[data-theme="dark"] .legal-highlight p,
html[data-theme="dark"] .legal-content p,
html[data-theme="dark"] .legal-content li,
html[data-theme="dark"] .legal-nav a { color: var(--muted); }

  html[data-theme="dark"] .legal-content h3 { color: #c6cbff; }

  html[data-theme="dark"] .legal-inline-note { background: #171f3b; }

  html[data-theme="dark"] .contact-rail { background: #11172ef0; border-color: var(--line); }

  html[data-theme="dark"] .contact-rail .rail-action { background: var(--card); border-color: var(--line); }

  html[data-theme="dark"] .artie-sheet[data-slot="sheet-content"] { background: #0f152b; border-color: var(--line); }

  html[data-theme="dark"] .artie-context-strip,
html[data-theme="dark"] .mini-artie,
html[data-theme="dark"] .chat-message-body,
html[data-theme="dark"] .artie-suggestions,
html[data-theme="dark"] .artie-composer,
html[data-theme="dark"] .artie-disclaimer { background: var(--card); border-color: var(--line); color: var(--ink); }

  html[data-theme="dark"] .chat-message.urgent .chat-message-body { background: #3b202c; border-color: #6c3342; }

  html[data-theme="dark"] .assistant-actions a,
html[data-theme="dark"] .artie-suggestions button { background: #11172e; border-color: var(--line); color: #c6cbff; }

  html[data-theme="dark"] .artie-composer input { background: #0b1024; border-color: var(--line); color: var(--ink); }

  html[data-theme="dark"] .artie-context-strip,
html[data-theme="dark"] .artie-disclaimer { color: var(--muted); }

  html[data-theme="dark"] .error-page > p { color: var(--muted); }

  html[data-theme="dark"] .home-credentials,
html[data-theme="dark"] .home-visit {
  background: var(--warm);
}

  html[data-theme="dark"] .credential-card,
html[data-theme="dark"] .visit-hours {
  border-color: var(--line);
  background: var(--card);
}

  html[data-theme="dark"] .credential-copy h3,
html[data-theme="dark"] .doctor-speciality,
html[data-theme="dark"] .home-visit-copy h2,
html[data-theme="dark"] .visit-hours strong,
html[data-theme="dark"] .visit-actions strong {
  color: var(--ink);
}

  html[data-theme="dark"] .credential-copy li,
html[data-theme="dark"] .doctor-speciality {
  border-color: var(--line);
  background: #171d35;
}

  html[data-theme="dark"] body,
html[data-theme="dark"] .home-specialists,
html[data-theme="dark"] .services-section,
html[data-theme="dark"] .home-contact,
html[data-theme="dark"] .doctors-section,
html[data-theme="dark"] .clinic-gallery,
html[data-theme="dark"] .treatments-list,
html[data-theme="dark"] .faq-section,
html[data-theme="dark"] .legal-section,
html[data-theme="dark"] .map-section,
html[data-theme="dark"] .full-reviews {
    background-color: var(--warm);
  }

  html[data-theme="dark"] .hero-section,
html[data-theme="dark"] .inner-hero {
    background: radial-gradient(circle at 80% 15%, #303b9652, transparent 34%), linear-gradient(145deg, #0d1227, #121934);
  }

  html[data-theme="dark"] .hero-copy h1 span,
html[data-theme="dark"] .inner-hero h1,
html[data-theme="dark"] .home-specialists-copy h2,
html[data-theme="dark"] .section-heading h2,
html[data-theme="dark"] .reviews-intro h2,
html[data-theme="dark"] .doctor-card h3,
html[data-theme="dark"] .service-card h3,
html[data-theme="dark"] .treatment-main h2 {
    color: var(--ink);
  }

  html[data-theme="dark"] .hero-copy > p:not(.hero-specialty),
html[data-theme="dark"] .split-heading > p,
html[data-theme="dark"] .service-card p {
    color: var(--muted);
  }

  html[data-theme="dark"] .trust-strip,
html[data-theme="dark"] .home-doctor-list article,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .doctor-card,
html[data-theme="dark"] .treatment-row,
html[data-theme="dark"] .legal-nav,
html[data-theme="dark"] .legal-content {
    border-color: var(--line);
    background: var(--card);
  }

  html[data-theme="dark"] .mobile-doctor-tabs,
html[data-theme="dark"] .mobile-action-dock,
html[data-theme="dark"] .treatment-bento-card {
    border-color: var(--line);
    background: rgba(21, 28, 54, .94);
  }

  html[data-theme="dark"] .treatment-bento-section,
html[data-theme="dark"] .services-section {
    background: linear-gradient(rgba(13, 18, 39, .93), rgba(13, 18, 39, .96)), url("../images/granite.webp") center / cover fixed;
  }

  html[data-theme="dark"] .treatment-bento-intro h2,
html[data-theme="dark"] .treatment-bento-copy h2,
html[data-theme="dark"] .mobile-action-dock a { color: var(--ink); }

  html[data-theme="dark"] .treatment-bento-copy li { color: #d9dded; background: #202845; }

  html[data-theme="dark"] .mobile-action-dock .dock-call,
html[data-theme="dark"] .mobile-action-dock .dock-book { color: #fff; }

  html[data-theme="dark"] .home-treatment-card,
html[data-theme="dark"] .reviews-intro .google-reviews-title,
html[data-theme="dark"] .home-contact-channels a {
  border-color: var(--line);
  background: var(--card);
}

  html[data-theme="dark"] .home-treatment-copy h3,
html[data-theme="dark"] .home-treatment-copy li,
html[data-theme="dark"] .reviews-intro .google-reviews-title,
html[data-theme="dark"] .home-contact-channels a strong {
  color: var(--ink);
}

  html[data-theme="dark"] .home-treatment-copy li {
  background: var(--blue-soft);
}

  html[data-theme="dark"] .home-contact-match {
  background: var(--warm);
}

  html[data-theme="dark"] .home-doctor-list strong {
  color: var(--ink);
}

  html[data-theme="dark"] .home-doctor-list span,
html[data-theme="dark"] body[data-page="treatments"] .treatment-bento-copy p {
  color: var(--muted);
}

  html[data-theme="dark"] .mobile-action-dock .dock-whatsapp {
    color: #075e35 !important;
    background: #c9f3dc !important;
  }

  html[data-theme="dark"] .mobile-action-dock .dock-whatsapp span,
html[data-theme="dark"] .mobile-action-dock .dock-whatsapp strong,
html[data-theme="dark"] .mobile-action-dock .dock-whatsapp svg {
    color: #075e35 !important;
  }

  html[data-theme="dark"] { --warm: #111d30; --ink: #eff3fa; --blue: #b2c6ff; --red: #ff98a3; --red-dark: #ffaab2; --muted: #becbdf; --line: #33425a; }

  html[data-theme="dark"] .home-specialists,
html[data-theme="dark"] .doctors-section,
html[data-theme="dark"] .trust-strip { background: #111d30; }

  html[data-theme="dark"] .home-credentials,
html[data-theme="dark"] .home-contact-match { background: #17253b; }

  html[data-theme="dark"] .hero-location-card,
html[data-theme="dark"] .credential-card,
html[data-theme="dark"] .doctor-grid .doctor-card { background: #1b2a41; border-color: var(--line); }

  html[data-theme="dark"] .hero-location-card strong,
html[data-theme="dark"] .about-intro,
html[data-theme="dark"] .doctor-card-body h3,
html[data-theme="dark"] .doctor-expertise h5,
html[data-theme="dark"] .home-doctor-list strong { color: var(--ink); }

  html[data-theme="dark"] .hero-location-card small,
html[data-theme="dark"] .doctor-card-body .doctor-description,
html[data-theme="dark"] .home-doctor-list span,
html[data-theme="dark"] .doctor-focus li { color: var(--muted); }

  html[data-theme="dark"] .primary-button,
html[data-theme="dark"] .doctor-grid .doctor-cta { background: #b2c6ff; color: #14213b; border-color: transparent; }

  html[data-theme="dark"] .doctor-red .doctor-cta { background: #f3adb4; color: #2e1921; }

  html[data-theme="dark"] .secondary-button { color: var(--ink); border-color: #536784; }

  html[data-theme="dark"] .home-treatment-more { background: #14213b; }

  html[data-theme="dark"] .home-treatment-more .primary-button { color: #14213b; }

  html[data-theme="dark"] .values-section,
html[data-theme="dark"] .site-footer { background: #0d1728; }