.header-tools { display: flex; align-items: center; gap: 12px; }
.theme-toggle {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  padding: 0;
  border: .75px solid #b7b3cd;
  border-radius: 50%;
  background: transparent;
  color: var(--ink);
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
}
.theme-toggle[hidden] { display: none; }
.theme-toggle img { width: 23px; height: 23px; display: block; filter: invert(38%) sepia(10%) saturate(980%) hue-rotate(213deg); }
[data-theme="dark"] .theme-toggle img { filter: invert(1); }
.theme-toggle:hover { border-color: var(--rose); }
.theme-toggle:focus-visible { outline: 2px solid var(--rose-dark); outline-offset: 4px; }
html[data-theme="light"] { color-scheme: light; }
html[data-theme="dark"] {
  color-scheme: dark;
  --cream: #191b1c;
  --paper: #252729;
  --ink: #f4ece7;
  --muted: #c4b9b3;
  --rose: #d6a19b;
  --rose-dark: #e1aaa4;
  --sage: #a7c5b2;
  --line: #454348;
  --shadow: 0 26px 80px #0004;
}
[data-theme="dark"] body { background: #191b1c; }
[data-theme="dark"] .site-header { background: #191b1cf5; border-color: var(--line); }
[data-theme="dark"] .instagram-phone,
[data-theme="dark"] .profile-stats div,
[data-theme="dark"] .insight-card,
[data-theme="dark"] .button-light,
[data-theme="dark"] .demo-points span,
[data-theme="dark"] .instagram-strip span,
[data-theme="dark"] .work-grid article,
[data-theme="dark"] .comparison-grid article,
[data-theme="dark"] .testimonial-grid article,
[data-theme="dark"] .service-grid article,
[data-theme="dark"] .package-grid article,
[data-theme="dark"] .method-logo,
[data-theme="dark"] .faq details,
[data-theme="dark"] .contact-form { background: #252729; border-color: var(--line); }
[data-theme="dark"] .instagram-work,
[data-theme="dark"] .method,
[data-theme="dark"] .transformation,
[data-theme="dark"] .testimonials,
[data-theme="dark"] .faq,
[data-theme="dark"] .site-footer { background: #202224; }
[data-theme="dark"] .instagram-strip span:first-child,
[data-theme="dark"] .package-grid .featured,
[data-theme="dark"] .comparison-grid .after { background: #383231; color: var(--ink); }
[data-theme="dark"] .package-grid .featured p,
[data-theme="dark"] .package-grid .featured li,
[data-theme="dark"] .comparison-grid .after li,
[data-theme="dark"] .comparison-grid .after .kicker { color: var(--muted); }
[data-theme="dark"] .button-dark,
[data-theme="dark"] .header-action { background: #d6a19b; color: #211b1a; }
[data-theme="dark"] .dossier { background: #302a2b; color: var(--ink); }
[data-theme="dark"] .dossier-copy p:not(.eyebrow) { color: var(--muted); }
[data-theme="dark"] .dossier-preview { background: #252729; color: var(--ink); }
[data-theme="dark"] input,
[data-theme="dark"] textarea { background: #191b1c; border-color: var(--line); color: var(--ink); }
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder { color: #aaa19c; opacity: 1; }
[data-theme="dark"] .steps article,
[data-theme="dark"] .footer-links { border-color: var(--line); }
[data-theme="dark"] .phone-top span:first-child { background: var(--line); }
/* Keep the original dark lettering of the logo readable without recoloring it. */
[data-theme="dark"] .hero-logo img,
[data-theme="dark"] .method-logo img,
[data-theme="dark"] .dossier-preview img,
[data-theme="dark"] .brand img,
[data-theme="dark"] .footer-brand img { background: #fbf5ed; border-radius: 6px; }
@media (max-width: 980px) {
  .header-tools { grid-column: 2; grid-row: 1; }
}