/* KiwiLab universal dark theme */
:root { color-scheme: light; }
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="dark"] body {
  background:#111827 !important; color:#e5e7eb !important;
  --ink:#e5e7eb; --muted:#a7b3c2; --green:#91c987; --lime:#314b35;
  --pale:#182333; --line:#334155; --white:#1f2937;
  --text:#e5e7eb; --border:#334155;
}
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .header {
  background:rgba(17,24,39,.96) !important; border-color:#293548 !important;
  color:#f3f4f6 !important;
}
html[data-theme="dark"] .nav,
html[data-theme="dark"] .header nav { color:#cbd5e1 !important; }
html[data-theme="dark"] .hero,
html[data-theme="dark"] .about,
html[data-theme="dark"] .callout,
html[data-theme="dark"] .cta,
html[data-theme="dark"] .intro,
html[data-theme="dark"] .page-hero { background:#182333 !important; }
html[data-theme="dark"] .section,
html[data-theme="dark"] main,
html[data-theme="dark"] .catalog { background:transparent; }
html[data-theme="dark"] .tool-card,
html[data-theme="dark"] .tool,
html[data-theme="dark"] .about-card,
html[data-theme="dark"] .float-card,
html[data-theme="dark"] .card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .result-card,
html[data-theme="dark"] .content-card,
html[data-theme="dark"] .article-card {
  background:#1f2937 !important; color:#e5e7eb !important; border-color:#374151 !important;
}
html[data-theme="dark"] h1, html[data-theme="dark"] h2,
html[data-theme="dark"] h3, html[data-theme="dark"] h4,
html[data-theme="dark"] strong, html[data-theme="dark"] .brand,
html[data-theme="dark"] .tool-card h3, html[data-theme="dark"] .tool h3 {
  color:#f3f4f6;
}
html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] .tool-card p,
html[data-theme="dark"] .tool p,
html[data-theme="dark"] .section-heading>p,
html[data-theme="dark"] .hero-copy>p,
html[data-theme="dark"] .about p,
html[data-theme="dark"] .disclaimer { color:#b8c4d3; }
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .accent,
html[data-theme="dark"] .brand-lab,
html[data-theme="dark"] .tool-link,
html[data-theme="dark"] .card-link { color:#a6d69b !important; }
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] button:not(.button-primary):not(.theme-toggle),
html[data-theme="dark"] .search,
html[data-theme="dark"] .chip,
html[data-theme="dark"] .catalog-filters .filter-chip {
  background:#111827 !important; color:#e5e7eb !important; border-color:#475569 !important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder { color:#94a3b8 !important; }
html[data-theme="dark"] .button-primary,
html[data-theme="dark"] a.button:not(.button-secondary) { background:#367b49 !important; color:#fff !important; }
html[data-theme="dark"] .button-dark { background:#334155 !important; color:#fff !important; }
html[data-theme="dark"] .tool-icon,
html[data-theme="dark"] .green,
html[data-theme="dark"] .yellow,
html[data-theme="dark"] .lilac,
html[data-theme="dark"] .coral { background:#293b32 !important; color:#c2e5ad !important; }
html[data-theme="dark"] .pricing,
html[data-theme="dark"] .hero-pills span { background:#293b32 !important; color:#c8e6b5 !important; border-color:#3d5944 !important; }
html[data-theme="dark"] footer { background:#0d1420 !important; color:#a7b3c2 !important; border-color:#293548 !important; }
html[data-theme="dark"] table,
html[data-theme="dark"] th,
html[data-theme="dark"] td { border-color:#374151 !important; }
html[data-theme="dark"] .menu-toggle { color:#f3f4f6 !important; }
.theme-toggle {
  display:inline-flex !important; align-items:center; justify-content:center; gap:7px;
  min-width:42px; min-height:42px; padding:8px 11px; margin-left:14px;
  border:1px solid #dce5d9; border-radius:12px; background:#fff;
  color:#26382c; font:600 13px/1 system-ui,sans-serif; cursor:pointer;
  box-shadow:0 2px 8px rgba(20,35,25,.05); flex:0 0 auto;
}
.theme-toggle:hover { transform:translateY(-1px); }
.theme-toggle:focus-visible { outline:3px solid #8ab85b; outline-offset:3px; }
html[data-theme="dark"] .theme-toggle { background:#263449 !important; color:#f8fafc !important; border-color:#475569 !important; }
@media(max-width:700px) {
  .theme-toggle { margin-left:auto; margin-right:8px; min-width:40px; min-height:40px; padding:7px 9px; }
  .theme-toggle .theme-label { display:none; }
  .site-header,.header { gap:8px; }
}
@media(prefers-reduced-motion:reduce) { .theme-toggle { transition:none !important; } }