/* Night theme "Firefly Forest". GENERATED by wmutils-tools/build_dark_css.py from style.css; edit MANUAL there, not this file. */

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b1310;
  --surface: #111c18;
  --ink: #dde9e1;
  --muted: #8fa59a;
  --accent: #78dcae;
  --accent-light: #16332a;
  --line: #22342d;
  --glow: #f4c46b;
  --shadow: 0 10px 34px #00000066
}

:root[data-theme="dark"] :focus-visible {
  outline: 3px solid #417861
}

:root[data-theme="dark"] .site-header {
  background: var(--surface)
}

:root[data-theme="dark"] .brand-dot {
  color: #a5be95
}

:root[data-theme="dark"] .status-dot {
  background: #80c6a9
}

:root[data-theme="dark"] .hero-tags {
  color: #b4c4ba
}

:root[data-theme="dark"] .hero-art {
  background-image: radial-gradient(#3e544b 1px, transparent 1px)
}

:root[data-theme="dark"] .art-window {
  background: var(--surface);
  box-shadow: 8px 14px 0 #000000a6, 0 20px 50px #00000040
}

:root[data-theme="dark"] .window-bar {
  border-bottom: 1px solid #2a4037
}

:root[data-theme="dark"] .window-bar i {
  background: #394942
}

:root[data-theme="dark"] .window-bar i:first-child {
  background: #804f36
}

:root[data-theme="dark"] .window-bar span {
  color: #a1aaa1
}

:root[data-theme="dark"] .art-code {
  color: #bad4ca
}

:root[data-theme="dark"] .code-muted {
  color: #9ba796
}

:root[data-theme="dark"] .code-purple {
  color: #9d87ba
}

:root[data-theme="dark"] .code-orange {
  color: #d1a881
}

:root[data-theme="dark"] .art-badge {
  border: 1px solid #315b49;
  background: #214d3b;
  box-shadow: 0 4px 10px #00000040
}

:root[data-theme="dark"] .count-badge {
  background: #243d33;
  color: #b0c1aa
}

:root[data-theme="dark"] .search-field {
  background: var(--surface)
}

:root[data-theme="dark"] .search-field>span {
  color: #a7b2a3
}

:root[data-theme="dark"] .search-field kbd {
  color: #a0a79c
}

:root[data-theme="dark"] .filter.active {
  color: #08110d
}

:root[data-theme="dark"] .filter:hover:not(.active) {
  background: #223d32
}

:root[data-theme="dark"] .tool-card {
  background: var(--surface)
}

:root[data-theme="dark"] .tool-card:hover {
  border-color: #477260
}

:root[data-theme="dark"] .icon-tile {
  background: #1d342b;
  border: 1px solid #2a4d3e
}

:root[data-theme="dark"] .card-arrow {
  color: #98a390
}

:root[data-theme="dark"] .card-category {
  color: #a4aca1
}

:root[data-theme="dark"] .card-foot {
  border-top: 1px solid #294036;
  color: #a2a99b
}

:root[data-theme="dark"] .about-strip {
  background: #203b30
}

:root[data-theme="dark"] .site-footer {
  background: #1d3028
}

:root[data-theme="dark"] .skip-link {
  color: #08110d
}

:root[data-theme="dark"] .sponsor {
  border: 1px solid #2e5041;
  background: #1e382d
}

:root[data-theme="dark"] .workspace {
  background: var(--surface)
}

:root[data-theme="dark"] .workspace-bar {
  background: #15271f
}

:root[data-theme="dark"] .status-message {
  background: #15271f
}

:root[data-theme="dark"] .status-message.error {
  color: #db8b8b;
  background: #2a1612
}

:root[data-theme="dark"] .status-message.success {
  background: #173629
}

:root[data-theme="dark"] .button.primary {
  color: #08110d
}

:root[data-theme="dark"] .button.primary:hover {
  background: #7de1c0
}

:root[data-theme="dark"] .button.secondary {
  background: #152b22
}

:root[data-theme="dark"] .button.secondary:hover {
  background: #1e382d
}

:root[data-theme="dark"] .button.quiet:hover {
  background: #203a2f
}

:root[data-theme="dark"] .field {
  color: #b0bdb4
}

:root[data-theme="dark"] .field input:not([type=checkbox]),
:root[data-theme="dark"] .field select {
  background: var(--surface)
}

:root[data-theme="dark"] .editor-panel {
  background: var(--surface)
}

:root[data-theme="dark"] .panel-heading {
  background: #162921
}

:root[data-theme="dark"] .editor-panel textarea[readonly] {
  background: #11271e
}

:root[data-theme="dark"] .editor-meta {
  border-top: 1px solid #294036;
  color: #a1a99b
}

:root[data-theme="dark"] .help-note {
  background: #1f352c
}

:root[data-theme="dark"] .related-links a {
  border-top: 1px solid #304d41
}

:root[data-theme="dark"] .notice {
  background: #1b372b;
  border: 1px solid #2b4d3f
}

:root[data-theme="dark"] .preview-frame {
  background: var(--surface)
}

:root[data-theme="dark"] .preview-content mark {
  background: #255742;
  border-bottom: 2px solid #afc38e
}

:root[data-theme="dark"] .preview-content code {
  color: #b8decb
}

:root[data-theme="dark"] .stat {
  background: #152b22
}

:root[data-theme="dark"] .detail {
  background: #11271e
}

:root[data-theme="dark"] .upload-zone {
  border: 1px dashed #436355;
  background: #142f23
}

:root[data-theme="dark"] .upload-icon {
  background: #214636
}

:root[data-theme="dark"] .image-panel {
  background: #152b22
}

:root[data-theme="dark"] .image-panel figcaption {
  background: #162921
}

:root[data-theme="dark"] .preview-stage {
  background: #1a3027
}

:root[data-theme="dark"] .preview-object {
  background: #388364
}

:root[data-theme="dark"] .preview-object>span {
  background: #1e4736;
  border: 1px solid #417660
}

:root[data-theme="dark"] .summary-banner {
  color: #08110d
}

:root[data-theme="dark"] .diagnostic-card {
  background: #11271e
}

:root[data-theme="dark"] .ico-app {
  --ico-panel: var(--surface);
  --ico-soft: #1c2e26;
  --ico-export: #69ecb3
}

:root[data-theme="dark"] .ico-tool.selected {
  color: #08110d;
  box-shadow: 0 3px 10px #00000099
}

:root[data-theme="dark"] .ico-channel input[type=range] {
  border: 1px solid #ededed1f;
  background: var(--track), repeating-conic-gradient(#31373f 0 25%, var(--surface) 0 50%) 0 0/8px 8px
}

:root[data-theme="dark"] .ico-channel input[type=range]::-webkit-slider-thumb {
  background: var(--surface);
  box-shadow: 0 1px 3px #00000099
}

:root[data-theme="dark"] .ico-channel input[type=range]::-moz-range-thumb {
  background: var(--surface)
}

:root[data-theme="dark"] .ico-current {
  border: 1px solid #ededed33;
  background: repeating-conic-gradient(#31373f 0 25%, var(--surface) 0 50%) 0 0/10px 10px
}

:root[data-theme="dark"] .ico-field input,
:root[data-theme="dark"] .ico-field select,
:root[data-theme="dark"] .ico-frame-tools select,
:root[data-theme="dark"] .ico-getfrom select {
  background: var(--surface)
}

:root[data-theme="dark"] .ico-getfrom {
  background: var(--surface)
}

:root[data-theme="dark"] .ico-bar-button {
  background: var(--surface)
}

:root[data-theme="dark"] .ico-stage {
  background: #1a2736
}

:root[data-theme="dark"] .ico-history {
  background: var(--surface)
}

:root[data-theme="dark"] .ico-view-button[aria-pressed=true] {
  color: #08110d
}

:root[data-theme="dark"] .ico-bg {
  border: 1px solid #ededed40
}

:root[data-theme="dark"] .ico-big-primary {
  color: #08110d
}

:root[data-theme="dark"] .ico-big-outline {
  background: var(--surface)
}

:root[data-theme="dark"] .ico-big-export {
  color: #08110d
}

:root[data-theme="dark"] .ico-frame-select {
  background: var(--surface)
}

:root[data-theme="dark"] .ico-frame.selected .ico-frame-select {
  box-shadow: 0 2px 8px #0000008a
}

:root[data-theme="dark"] .ico-small-button {
  background: var(--surface)
}

:root[data-theme="dark"] .ico-danger {
  color: #e38e87
}

:root[data-theme="dark"] .ico-dialog {
  box-shadow: 0 20px 60px #000000a6
}

:root[data-theme="dark"] .ico-dialog::backdrop {
  background: #9cd8c18c
}

:root[data-theme="dark"] .ico-browser {
  border: 1px solid #37424e;
  background: #29323b
}

:root[data-theme="dark"] .ico-browser-tab {
  background: var(--surface)
}

:root[data-theme="dark"] .ico-browser-bar {
  background: var(--surface);
  border-top: 1px solid #28323d
}

:root[data-theme="dark"] .ico-preview-row.light {
  background: #1a2127
}

:root[data-theme="dark"] .ico-preview-row.dark {
  background: #1f2225
}

:root[data-theme="dark"] .result-error {
  color: #db8b8b !important
}

:root[data-theme="dark"] .ordered-row {
  background: var(--surface, #1a3027)
}

:root[data-theme="dark"] .robots-fields textarea {
  background: var(--surface)
}

:root[data-theme="dark"] .lint-item {
  background: #11271e
}

:root[data-theme="dark"] .lint-item.error {
  border-left-color: #db8b8b
}

:root[data-theme="dark"] .lint-item.warning {
  border-left-color: #e1c07f
}

:root[data-theme="dark"] .lint-item.info {
  border-left-color: #556860
}

:root[data-theme="dark"] .lint-item.error .lint-tag {
  color: #db8b8b
}

:root[data-theme="dark"] .lint-item.warning .lint-tag {
  color: #e7cd99
}

:root[data-theme="dark"] .robots-table {
  background: var(--surface)
}

:root[data-theme="dark"] .robots-table th {
  background: #11271e
}

:root[data-theme="dark"] .meta-textarea,
:root[data-theme="dark"] .ea-textarea {
  background: var(--surface)
}

:root[data-theme="dark"] .meta-meter.over i {
  background: #f5bf53
}

:root[data-theme="dark"] .meta-meter.over span {
  color: #e7cd99
}

:root[data-theme="dark"] .serp {
  background: var(--surface)
}

:root[data-theme="dark"] .serp-icon {
  background: #20252c;
  color: #bdc0c4
}

:root[data-theme="dark"] .serp-site {
  color: #d8d9dd
}

:root[data-theme="dark"] .serp-url {
  color: #bdc0c4
}

:root[data-theme="dark"] .serp-title {
  color: #9790e5
}

:root[data-theme="dark"] .serp-desc {
  color: #bdc0c4
}

:root[data-theme="dark"] .meta-card {
  border: 1px solid #363b42;
  background: var(--surface)
}

:root[data-theme="dark"] .meta-card-image {
  background: #20252c
}

:root[data-theme="dark"] .meta-card-image.empty::before {
  color: #9c9fa2
}

:root[data-theme="dark"] .meta-card-body {
  background: #1f2227
}

:root[data-theme="dark"] .meta-card-host {
  color: #aeb3ba
}

:root[data-theme="dark"] .meta-card-title {
  color: #d4d8e0
}

:root[data-theme="dark"] .meta-card-desc {
  color: #aeb3ba
}

:root[data-theme="dark"] .meta-x {
  border-color: #34444b
}

:root[data-theme="dark"] .meta-x .meta-card-body {
  background: var(--surface)
}

:root[data-theme="dark"] .ea-badge.warning {
  background: #3f321b;
  color: #e7cd99
}

:root[data-theme="dark"] .ea-badge.error {
  background: #3b1d19;
  color: #db8b8b
}

:root[data-theme="dark"] .ea-record {
  background: var(--surface)
}

:root[data-theme="dark"] .jwt-key,
:root[data-theme="dark"] .sh-import {
  background: var(--surface)
}

:root[data-theme="dark"] .jwt-verdict.bad {
  color: #db8b8b
}

:root[data-theme="dark"] .diff-wrap {
  background: var(--surface)
}

:root[data-theme="dark"] .diff-num {
  background: #11271e
}

:root[data-theme="dark"] .diff-text.del {
  background: #331515
}

:root[data-theme="dark"] .diff-text.ins {
  background: #1a3d2e
}

:root[data-theme="dark"] .diff-text.empty {
  background: repeating-linear-gradient(135deg, #1d2622, #1d2622 4px, var(--surface) 4px, var(--surface) 8px)
}

:root[data-theme="dark"] .diff-text del {
  background: #532323
}

:root[data-theme="dark"] .diff-text ins {
  background: #307155
}

:root[data-theme="dark"] .diff-fold td {
  background: #1d2622
}

:root[data-theme="dark"] .sh-permissions legend {
  color: #b0bdb4
}

:root[data-theme="dark"] .ic-thumb img {
  background: repeating-conic-gradient(#2a3631 0 25%, var(--surface) 0 50%) 0 0 / 12px 12px
}


/* Hand-tuned: Firefly Forest */
:root[data-theme="dark"] body {
  background:
    radial-gradient(1100px 520px at 88% -8%, #1d4b3a52, transparent 70%),
    radial-gradient(760px 420px at -12% 18%, #f4c46b14, transparent 70%),
    var(--bg);
  background-attachment: fixed
}

:root[data-theme="dark"] .site-header {
  background: #0b1310d9;
  backdrop-filter: blur(10px);
  border-bottom-color: var(--line)
}

:root[data-theme="dark"] input,
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea {
  color: var(--ink)
}

:root[data-theme="dark"] .search-field input {
  background: transparent
}

:root[data-theme="dark"] .icon-tile {
  background: #133026;
  border-color: #1f4637
}

:root[data-theme="dark"] .icon-tile img {
  filter: invert(84%) sepia(19%) saturate(830%) hue-rotate(95deg) brightness(98%)
}

:root[data-theme="dark"] .brand-dot,
:root[data-theme="dark"] .eyebrow,
:root[data-theme="dark"] .card-arrow {
  color: var(--glow)
}

:root[data-theme="dark"] .status-dot {
  background: var(--glow);
  box-shadow: 0 0 10px #f4c46baa
}

:root[data-theme="dark"] .tool-card:hover {
  border-color: #2f5546;
  box-shadow: 0 12px 34px #00000080, 0 0 0 1px #78dcae22
}

:root[data-theme="dark"] :focus-visible {
  outline-color: var(--glow)
}

:root[data-theme="dark"] .button.primary {
  background: var(--accent);
  color: #08110d
}

:root[data-theme="dark"] .button.primary:hover {
  background: #9ae8c4
}

:root[data-theme="dark"] mark,
:root[data-theme="dark"] .preview-content mark {
  background: #f4c46b40;
  color: #fff3d6
}

:root[data-theme="dark"] ::selection {
  background: #78dcae55
}

:root[data-theme="dark"] .summary-banner {
  background: linear-gradient(135deg, #16352b, #0f231c);
  border: 1px solid #24493b;
  color: var(--ink)
}

:root[data-theme="dark"] .summary-banner .eyebrow {
  color: var(--glow)
}

:root[data-theme="dark"] .summary-banner h2 {
  color: #e9f6ee
}

:root[data-theme="dark"] .summary-banner p:last-child {
  color: var(--muted)
}

:root[data-theme="dark"] .serp-title {
  color: #8ab4f8
}

:root[data-theme="dark"] .theme-toggle .sun {
  display: block
}

:root[data-theme="dark"] .theme-toggle .moon {
  display: none
}