/* =========================================================
   LET'S DRAW TECH — MOTYW JASNY / CIEMNY
   Geometria elementów pozostaje w arkuszach bazowych.
   Ten plik odpowiada za kolorystykę, kontrast i przełącznik.
   ========================================================= */

html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}

/* Wspólny wygląd przycisków używanych przez moduły narzędzi. */
.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:42px;
  padding:9px 15px;
  border:1px solid var(--ink);
  border-radius:10px;
  font:inherit;
  font-weight:800;
  line-height:1.2;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease;
}
.button:hover,.button:focus-visible{transform:translateY(-1px);outline:none;box-shadow:var(--shadow-soft)}
.button:active{transform:translateY(0)}
.button-primary{background:var(--ink);border-color:var(--ink);color:#fff}
.button-secondary{background:var(--paper);border-color:var(--line);color:var(--ink-strong)}
.button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}

/* Dyskretny przełącznik motywu w stopce. */
.theme-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:24px;
  padding:3px 8px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#eef4f5;
  font:inherit;
  font-size:.60rem;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  transition:.18s ease;
}
.theme-toggle:hover,.theme-toggle:focus-visible{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.48);outline:none}
.theme-toggle__icon{display:grid;place-items:center;width:14px;height:14px;font-size:.72rem;line-height:1}
.footer-bottom .theme-toggle{flex:0 0 auto}
.footer-bottom .ai-disclaimer{flex:1 1 auto;text-align:center}

@media(max-width:1059px){
  .theme-toggle{min-height:30px;padding:5px 9px;font-size:.66rem}
  .theme-toggle__icon{width:17px;height:17px;font-size:.86rem}
  .footer-bottom .ai-disclaimer{text-align:left}
}

/* =========================================================
   MOTYW CIEMNY — STRONA
   ========================================================= */
html[data-theme="dark"]{
  --ink:#5f858d;
  --ink-strong:#e8eeee;
  --muted:#9eb2b7;
  --line:rgba(151,188,196,.24);
  --paper:#1c272b;
  --canvas:#10181b;
  --soft:#243136;
  --accent:#b7d4df;
  --accent-2:#789ba3;
  --ok:#7fc49c;
  --danger:#e39a9a;
  --shadow:0 16px 44px rgba(0,0,0,.34),0 0 26px rgba(94,126,132,.08);
  --shadow-soft:0 8px 24px rgba(0,0,0,.28),0 0 16px rgba(94,126,132,.07);
  background:#0d1215;
}
html[data-theme="dark"] body{
  background:
    radial-gradient(circle at 6% 0%,rgba(82,111,118,.48) 0,rgba(38,52,57,.42) 18%,rgba(16,24,27,0) 42%),
    linear-gradient(145deg,#182327 0%,#10181b 46%,#0b1114 100%);
  background-attachment:fixed;
  color:var(--ink-strong);
}
html[data-theme="dark"] ::selection{background:rgba(183,212,223,.28);color:#fff}
html[data-theme="dark"] .site-header{background:rgba(23,33,37,.94);box-shadow:0 1px 0 var(--line),0 12px 34px rgba(0,0,0,.18)}
html[data-theme="dark"] .site-nav{background:rgba(15,23,26,.96);border-top-color:var(--line)}
html[data-theme="dark"] .brand-logo,
html[data-theme="dark"] .footer-logo{background:var(--soft);border-color:var(--line)}
html[data-theme="dark"] .nav-link:hover,
html[data-theme="dark"] .nav-link:focus-visible{background:#243136;border-color:var(--line)}
html[data-theme="dark"] .nav-link.is-active{background:#39575e;color:#fff;box-shadow:0 6px 18px rgba(94,126,132,.24)}
html[data-theme="dark"] .nav-toggle{background:var(--paper);border-color:var(--line)}
html[data-theme="dark"] .page-section.soft{background:rgba(36,49,54,.72)}
html[data-theme="dark"] .hero-visual::before{background:linear-gradient(145deg,#26363b,#162125)}
html[data-theme="dark"] .hero-logo{filter:drop-shadow(0 22px 34px rgba(0,0,0,.35))}
html[data-theme="dark"] .hero-badge,
html[data-theme="dark"] .metric{background:rgba(28,39,43,.88);border-color:var(--line)}

html[data-theme="dark"] .service-card,
html[data-theme="dark"] .info-card,
html[data-theme="dark"] .process-card,
html[data-theme="dark"] .content-card,
html[data-theme="dark"] .article-main,
html[data-theme="dark"] .article-aside,
html[data-theme="dark"] .contact-card,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .notice,
html[data-theme="dark"] .home-process-action,
html[data-theme="dark"] .tool-card,
html[data-theme="dark"] .resource-card,
html[data-theme="dark"] .article-table,
html[data-theme="dark"] .tool-panel,
html[data-theme="dark"] .article-tool-embed,
html[data-theme="dark"] .knowledge-hub-card,
html[data-theme="dark"] fieldset,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .login-card,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .cart-summary,
html[data-theme="dark"] .shop-product-row,
html[data-theme="dark"] .product-dialog__panel,
html[data-theme="dark"] .admin-product-row,
html[data-theme="dark"] .service-label,
html[data-theme="dark"] .lightbox-dialog,
html[data-theme="dark"] .service-seo-card,
html[data-theme="dark"] .service-seo-main,
html[data-theme="dark"] .service-seo-aside{
  background:rgba(28,39,43,.96);
  border-color:var(--line);
  box-shadow:var(--shadow-soft);
}
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .content-card,
html[data-theme="dark"] .article-main,
html[data-theme="dark"] .article-aside,
html[data-theme="dark"] .contact-card,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .tool-card,
html[data-theme="dark"] .resource-card,
html[data-theme="dark"] .tool-panel,
html[data-theme="dark"] .knowledge-hub-card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .login-card,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .cart-summary,
html[data-theme="dark"] .shop-product-row,
html[data-theme="dark"] .product-dialog__panel,
html[data-theme="dark"] .admin-product-row{
  box-shadow:0 10px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025);
}
html[data-theme="dark"] .service-icon,
html[data-theme="dark"] .content-card-media,
html[data-theme="dark"] .contact-row .icon,
html[data-theme="dark"] .tag-list span,
html[data-theme="dark"] .check-card,
html[data-theme="dark"] .upload-box,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .details-grid>div,
html[data-theme="dark"] .attachment-card,
html[data-theme="dark"] .admin-image-item,
html[data-theme="dark"] .account-tile,
html[data-theme="dark"] .account-mini-stats a,
html[data-theme="dark"] .account-quick-nav a,
html[data-theme="dark"] .shop-product-row__image,
html[data-theme="dark"] .admin-product-row__image,
html[data-theme="dark"] .protocol-list>a,
html[data-theme="dark"] .protocol-files article,
html[data-theme="dark"] .protocol-count,
html[data-theme="dark"] .machine-data-form .form-note,
html[data-theme="dark"] .product-gallery__main,
html[data-theme="dark"] .service-seo-placeholder{background:#243136;border-color:var(--line)}
html[data-theme="dark"] .account-tile:hover,
html[data-theme="dark"] .account-quick-nav a:hover,
html[data-theme="dark"] .protocol-list>a:hover,
html[data-theme="dark"] .tool-panel summary:hover{background:#2a3a3f}

html[data-theme="dark"] .btn.primary,
html[data-theme="dark"] .button-primary{background:#39575e;border-color:#6e979f;color:#fff}
html[data-theme="dark"] .btn.secondary,
html[data-theme="dark"] .btn.danger,
html[data-theme="dark"] .button-secondary,
html[data-theme="dark"] .header-cart,
html[data-theme="dark"] .product-cart-button,
html[data-theme="dark"] .product-dialog__close,
html[data-theme="dark"] .filters a,
html[data-theme="dark"] .chip,
html[data-theme="dark"] .file-icon,
html[data-theme="dark"] .product-thumb,
html[data-theme="dark"] .protocols-summary span{background:#1c272b;border-color:var(--line);color:var(--accent)}
html[data-theme="dark"] .btn.ghost{color:var(--accent)}
html[data-theme="dark"] .btn:hover,
html[data-theme="dark"] .btn:focus-visible,
html[data-theme="dark"] .button:hover,
html[data-theme="dark"] .button:focus-visible,
html[data-theme="dark"] .product-cart-button:hover,
html[data-theme="dark"] .filters a:hover{box-shadow:0 0 0 1px rgba(183,212,223,.14),0 8px 22px rgba(0,0,0,.30),0 0 18px rgba(94,126,132,.14)}

html[data-theme="dark"] .field input,
html[data-theme="dark"] .field textarea,
html[data-theme="dark"] .field select,
html[data-theme="dark"] .calc-grid input,
html[data-theme="dark"] .calc-grid select,
html[data-theme="dark"] .tool-form input,
html[data-theme="dark"] .tool-form select,
html[data-theme="dark"] .converter-grid input,
html[data-theme="dark"] .converter-grid select,
html[data-theme="dark"] .circle-grid input,
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:#141e22;color:var(--ink-strong);border-color:var(--line)}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#748b91}
html[data-theme="dark"] .field input:focus,
html[data-theme="dark"] .field textarea:focus,
html[data-theme="dark"] .field select:focus,
html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus{border-color:#789ba3;box-shadow:0 0 0 4px rgba(120,155,163,.16)}
html[data-theme="dark"] .article-main p,
html[data-theme="dark"] .article-main li{color:var(--muted)}
html[data-theme="dark"] .article-table caption,
html[data-theme="dark"] .article-table th,
html[data-theme="dark"] .article-table tbody tr:nth-child(even),
html[data-theme="dark"] .table-wrap thead th,
html[data-theme="dark"] .ldt-module:not(.admin-bg) .machine-history-table thead th{background:#243136;color:var(--ink-strong);border-color:var(--line)}
html[data-theme="dark"] .article-table td,
html[data-theme="dark"] .article-table th,
html[data-theme="dark"] .table-wrap td,
html[data-theme="dark"] .table-wrap th{border-color:var(--line)}
html[data-theme="dark"] .qr-preview,
html[data-theme="dark"] .result-tile,
html[data-theme="dark"] .banner-formula,
html[data-theme="dark"] .article-tool-embed figcaption{background:#172226;border-color:var(--line)}
html[data-theme="dark"] .tool-warning,
html[data-theme="dark"] .chip.warning,
html[data-theme="dark"] .badge.priority{background:#3a3020;border-color:#7e693b;color:#f0d792}
html[data-theme="dark"] .tool-warning strong{color:#f0d792}
html[data-theme="dark"] .alert.success,
html[data-theme="dark"] .notice.success{background:#183127;border-color:#46765b;color:#a8ddbd}
html[data-theme="dark"] .alert.error,
html[data-theme="dark"] .notice.error,
html[data-theme="dark"] .error-code,
html[data-theme="dark"] .password-rules.bad{background:#382225;border-color:#7a464c;color:#efb0b4}
html[data-theme="dark"] .article-tool-embed iframe,
html[data-theme="dark"] .protocol-archive-panel iframe{background:#11191d}
html[data-theme="dark"] .product-cart-button.is-disabled,
html[data-theme="dark"] .product-cart-button.is-disabled:hover,
html[data-theme="dark"] .admin-product-row.is-inactive{background:#243136;color:#71858a}
html[data-theme="dark"] .site-footer{background:#0b1114;border-top:1px solid var(--line);box-shadow:0 -12px 34px rgba(0,0,0,.18)}

/* =========================================================
   MOTYW CIEMNY — GENERATORY I KALKULATORY
   ========================================================= */
html[data-theme="dark"] .ldt-generator-section,
html[data-theme="dark"] .ldt-generator-results,
html[data-theme="dark"] .ldt-generator-preview{background:#1c272b;border-color:var(--line);box-shadow:var(--shadow-soft)}
html[data-theme="dark"] .ldt-generator-grid input,
html[data-theme="dark"] .ldt-generator-grid select{background:#141e22;color:var(--ink-strong);border-color:var(--line)}
html[data-theme="dark"] .ldt-generator-grid input:focus,
html[data-theme="dark"] .ldt-generator-grid select:focus{outline-color:rgba(120,155,163,.22);border-color:#789ba3}
html[data-theme="dark"] .ldt-generator-metrics article,
html[data-theme="dark"] .ldt-generator-layouts article,
html[data-theme="dark"] .ldt-generator-inline-data,
html[data-theme="dark"] .ldt-generator-status,
html[data-theme="dark"] .ldt-generator-table-wrap th,
html[data-theme="dark"] .ldt-generator-result-grid .is-total th,
html[data-theme="dark"] .ldt-generator-result-grid .is-total td{background:#243136;border-color:var(--line)}
html[data-theme="dark"] .ldt-generator-empty svg text,
html[data-theme="dark"] .ldt-generator-preview svg text{fill:var(--ink-strong)}
html[data-theme="dark"] .ldt-generator-result-grid th,
html[data-theme="dark"] .ldt-generator-result-grid td,
html[data-theme="dark"] .ldt-generator-block th,
html[data-theme="dark"] .ldt-generator-block td{border-color:var(--line)}
html[data-theme="dark"] .ldt-generator-status.is-ok{background:#183127;border-left-color:#68a981;color:#a8ddbd}
html[data-theme="dark"] .ldt-generator-status.is-bad{background:#382225;border-left-color:#c06b72;color:#efb0b4}
html[data-theme="dark"] .ldt-generator-status.is-warn{background:#3a3020;border-left-color:#c3974c;color:#f0d792}
html[data-theme="dark"] .ldt-generator-status.is-info{background:#1c3035;border-left-color:#789ba3;color:#b7d4df}
html[data-theme="dark"] .ldt-generator-layouts article.is-best{box-shadow:0 0 0 2px rgba(120,155,163,.18)}
html[data-theme="dark"] .tool-embed-error{background:#1c272b;border-color:var(--line);color:var(--ink-strong)}

/* Tablice mechaniczne. */
html[data-theme="dark"] .ldt-mech-section,
html[data-theme="dark"] .ldt-mech-properties article,
html[data-theme="dark"] .ldt-mech-result-grid article{background:#1c272b;border-color:var(--line)}
html[data-theme="dark"] .ldt-mech select,
html[data-theme="dark"] .ldt-mech input{background:#141e22;color:var(--ink-strong);border-color:var(--line)}
html[data-theme="dark"] .ldt-mech-custom,
html[data-theme="dark"] .ldt-mech-material-note{background:#243136;border-color:var(--line)}
html[data-theme="dark"] .ldt-mech-result-grid article.ldt-mech-result-main{background:#39575e;border-color:#6e979f}

/* Przelicznik długości. */
html[data-theme="dark"] #przelicznik-jednostek .ldt-length__card,
html[data-theme="dark"] #przelicznik-jednostek .ldt-length__formula{background:#1c272b;border-color:var(--line)}
html[data-theme="dark"] #przelicznik-jednostek .ldt-length__number,
html[data-theme="dark"] #przelicznik-jednostek .ldt-length__search,
html[data-theme="dark"] #przelicznik-jednostek .ldt-length__select{background:#141e22;color:var(--ink-strong);border-color:var(--line)}
html[data-theme="dark"] #przelicznik-jednostek .ldt-length__info,
html[data-theme="dark"] #przelicznik-jednostek .ldt-length__note{background:#243136;color:var(--muted)}
html[data-theme="dark"] #przelicznik-jednostek .ldt-length__copy{background:#39575e;border-color:#6e979f;color:#fff}
html[data-theme="dark"] #przelicznik-jednostek .ldt-length__swap{background:#39575e;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.32)}

/* Generator pasowań. */
html[data-theme="dark"] .ldt-fit-grid input,
html[data-theme="dark"] .ldt-fit-grid select,
html[data-theme="dark"] .ldt-fit-presets select,
html[data-theme="dark"] .ldt-fit-result-card,
html[data-theme="dark"] .ldt-fit-chip{background:#1c272b;color:var(--ink-strong);border-color:var(--line)}
html[data-theme="dark"] .ldt-fit-status{background:#243136;color:var(--ink-strong);border-color:var(--line)}
html[data-theme="dark"] .ldt-fit-status[data-kind="loose"]{background:#183127;border-color:#46765b;color:#a8ddbd}
html[data-theme="dark"] .ldt-fit-status[data-kind="transition"]{background:#3a3020;border-color:#7e693b;color:#f0d792}
html[data-theme="dark"] .ldt-fit-status[data-kind="interference"],
html[data-theme="dark"] .ldt-fit-status[data-kind="error"]{background:#382225;border-color:#7a464c;color:#efb0b4}
html[data-theme="dark"] .ldt-fit-result-accent{background:#39575e;border-color:#6e979f}
html[data-theme="dark"] .ldt-fit-chip:hover{background:#243136;border-color:#789ba3}

/* Kalkulator chłodzenia tuby CO2. */
html[data-theme="dark"] .ldt-co2-chart-card,
html[data-theme="dark"] .ldt-co2-section,
html[data-theme="dark"] .ldt-co2-metrics article,
html[data-theme="dark"] .ldt-co2-status,
html[data-theme="dark"] .ldt-co2-explanation{background:#1c272b;border-color:var(--line);box-shadow:none}
html[data-theme="dark"] .ldt-co2-chart{background:#121d22;border-color:var(--line)}
html[data-theme="dark"] .ldt-co2-grid input{background:#141e22;color:var(--ink-strong);border-color:var(--line)}
html[data-theme="dark"] .ldt-co2-metrics .ldt-co2-metric-accent{background:#39575e;border-color:#6e979f}
html[data-theme="dark"] .ldt-co2-status[data-kind="danger"]{background:#382225;border-left-color:#c06b72;color:#efb0b4}
html[data-theme="dark"] .ldt-co2-status[data-kind="warn"]{background:#3a3020;border-left-color:#c3974c;color:#f0d792}
html[data-theme="dark"] .ldt-co2-status[data-kind="ok"]{background:#183127;border-left-color:#68a981;color:#a8ddbd}
html[data-theme="dark"] .ldt-co2-status[data-kind="info"]{background:#1c3035;border-left-color:#789ba3;color:#b7d4df}
html[data-theme="dark"] .ldt-co2-legend i{border-color:rgba(255,255,255,.18)}
html[data-theme="dark"] .ldt-co2-legend .zone-condensation{background:#19324a}
html[data-theme="dark"] .ldt-co2-legend .zone-margin{background:#20364a}
html[data-theme="dark"] .ldt-co2-legend .zone-too-cold{background:#26343a}
html[data-theme="dark"] .ldt-co2-legend .zone-recommended{background:#1c3a2c}
html[data-theme="dark"] .ldt-co2-legend .zone-optimal{background:#295c3b}
html[data-theme="dark"] .ldt-co2-legend .zone-hot{background:#4a3b1f}
html[data-theme="dark"] .ldt-co2-legend .zone-danger{background:#4b2727}

/* Kalkulator momentu dokręcania. */
html[data-theme="dark"] .ldt-torque-final-card{background:linear-gradient(180deg,#1c272b 0%,#141e22 100%);border-color:var(--line);color:var(--ink-strong)}
html[data-theme="dark"] .ldt-torque-final-controls,
html[data-theme="dark"] .ldt-torque-final-result,
html[data-theme="dark"] .ldt-torque-final-params,
html[data-theme="dark"] .ldt-torque-final-status,
html[data-theme="dark"] .ldt-torque-final-table{background:rgba(36,49,54,.72);border-color:var(--line)}
html[data-theme="dark"] .ldt-torque-final-controls select,
html[data-theme="dark"] .ldt-torque-final-controls input{background:#141e22;color:var(--ink-strong);border-color:var(--line)}
html[data-theme="dark"] .ldt-torque-final-params li,
html[data-theme="dark"] .ldt-torque-final-table th,
html[data-theme="dark"] .ldt-torque-final-table td{border-color:var(--line)}
html[data-theme="dark"] .ldt-torque-final-status[data-kind="ok"]{background:#183127;color:#a8ddbd}
html[data-theme="dark"] .ldt-torque-final-status[data-kind="warn"]{background:#3a3020;color:#f0d792}
html[data-theme="dark"] .ldt-torque-final-status[data-kind="danger"]{background:#382225;color:#efb0b4}
html[data-theme="dark"] .ldt-torque-final-status[data-kind="info"]{background:#1c3035;color:#b7d4df}
html[data-theme="dark"] .ldt-torque-final-table thead th{background:#243136;color:var(--ink-strong)}
html[data-theme="dark"] .ldt-torque-final-footer i{background:#243136;border-color:var(--line)}
html[data-theme="dark"] .ldt-torque-final-table tbody tr[data-active="true"]{background:#39575e;color:#fff}

/* QR zachowuje białe pole kodu — poprawia skanowalność. */
html[data-theme="dark"] .qr-preview canvas,
html[data-theme="dark"] .qr-preview img{border-color:#fff}

@media print{
  html[data-theme="dark"],html[data-theme="dark"] body{color-scheme:light;background:#fff!important;color:#000!important}
  .theme-toggle{display:none!important}
}

/* Osadzony kalkulator dziedziczy kolorystykę, ale nie dostaje osobnego tła strony. */
html[data-theme="dark"] body.tool-embed-page{
  background:transparent;
  background-attachment:scroll;
}

/* =========================================================
   KOREKTA 0.9.8 — materiały do pobrania i logo w stopce
   - geometria przycisków bez zmian,
   - w motywie ciemnym kolory zgodne z aktywnym menu,
   - badge pozostaje czytelny na ciemnej karcie.
   ========================================================= */
html[data-theme="dark"] .resource-card .button{
  background:#39575e;
  border-color:#6e979f;
  color:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}
html[data-theme="dark"] .resource-card .button:hover,
html[data-theme="dark"] .resource-card .button:focus-visible{
  background:#466970;
  border-color:#83aeb6;
  color:#fff;
  box-shadow:0 0 0 1px rgba(183,212,223,.14),0 8px 22px rgba(0,0,0,.30),0 0 18px rgba(94,126,132,.14);
}
html[data-theme="dark"] .resource-card .resource-badge{
  background:#2b4147;
  border:1px solid #52727a;
  color:#eaf2f3;
}


/* =========================================================
   KOREKTA 0.9.9 — nawigator sekcji strony głównej w motywie ciemnym
   ========================================================= */
html[data-theme="dark"] .home-slide-dot-label{
  background:rgba(28,39,43,.97);
  border-color:rgba(151,188,196,.34);
  color:#f2f6f7;
  box-shadow:0 8px 24px rgba(0,0,0,.30),0 0 16px rgba(94,126,132,.10);
}
html[data-theme="dark"] .home-slide-dot-marker{
  background:#162226;
  border-color:#7fa8b0;
  box-shadow:0 0 0 2px rgba(127,168,176,.10),0 2px 8px rgba(0,0,0,.32);
}
html[data-theme="dark"] .home-slide-dot[aria-current="true"] .home-slide-dot-marker{
  background:#6f969e;
  border-color:#a9c8ce;
}
html[data-theme="dark"] .home-slide-dot:hover .home-slide-dot-label,
html[data-theme="dark"] .home-slide-dot:focus-visible .home-slide-dot-label,
html[data-theme="dark"] .home-slide-dot[aria-current="true"] .home-slide-dot-label{
  color:#fff;
}

/* =========================================================
   NARZĘDZIA — zakładki kategorii / motyw ciemny
   ========================================================= */
html[data-theme="dark"] .tools-category-tab{
  background:#1c272b;
  color:var(--ink-strong);
  border-color:var(--line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
html[data-theme="dark"] .tools-category-tab:hover,
html[data-theme="dark"] .tools-category-tab:focus-visible{
  background:#243136;
  color:#fff;
  border-color:#6e979f;
  outline:none;
}
html[data-theme="dark"] .tools-category-tab.is-active{
  background:#39575e;
  color:#fff;
  border-color:#6e979f;
  box-shadow:0 6px 18px rgba(94,126,132,.22);
}
html[data-theme="dark"] .tools-category-tab span{
  color:#b7d4df;
  opacity:.88;
}
html[data-theme="dark"] .tools-category-tab.is-active span{
  color:#fff;
  opacity:.82;
}

/* =========================================================
   WIEDZA — zakładki kategorii / motyw ciemny
   ========================================================= */
html[data-theme="dark"] .knowledge-category-tab{
  background:#1c272b;
  color:var(--ink-strong);
  border-color:var(--line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
html[data-theme="dark"] .knowledge-category-tab:hover,
html[data-theme="dark"] .knowledge-category-tab:focus-visible{
  background:#243136;
  color:#fff;
  border-color:#6e979f;
  outline:none;
}
html[data-theme="dark"] .knowledge-category-tab.is-active{
  background:#39575e;
  color:#fff;
  border-color:#6e979f;
  box-shadow:0 6px 18px rgba(94,126,132,.22);
}
html[data-theme="dark"] .knowledge-category-tab span{
  color:#b7d4df;
  opacity:.88;
}
html[data-theme="dark"] .knowledge-category-tab.is-active span{
  color:#fff;
  opacity:.82;
}


/* =========================================================
   KOREKTA 0.9.10 — domknięcie motywu ciemnego
   - dolny nawigator strony głównej,
   - opcje natywnych list select.
   ========================================================= */
html[data-theme="dark"] .home-slide-controls{
  background:rgba(20,30,34,.95);
  border-color:rgba(151,188,196,.30);
  box-shadow:0 10px 28px rgba(0,0,0,.34);
}
html[data-theme="dark"] .home-slide-controls button{
  background:#243136;
  color:#dce9eb;
}
html[data-theme="dark"] .home-slide-controls button:hover,
html[data-theme="dark"] .home-slide-controls button:focus-visible{
  background:#39575e;
  color:#fff;
}
html[data-theme="dark"] .home-slide-controls button:disabled{
  background:#1c272b;
  color:#71858a;
}
html[data-theme="dark"] .home-slide-controls output{color:#b7c8cc}
html[data-theme="dark"] select option,
html[data-theme="dark"] select optgroup{
  background:#141e22;
  color:#e7eff0;
}