/* Silers — motyw jasny (nadpisuje ciemne zmienne z inline CSS każdej strony).
   data-theme ustawia /assets/theme.js: dark | light (auto = wg godziny). */

#theme-btn {
  width: 38px; height: 38px; border-radius: 11px; flex-shrink: 0;
  border: 1px solid var(--line2); background: transparent; color: var(--txt);
  cursor: pointer; font-size: 15px; line-height: 1; display: grid; place-items: center;
  font-family: inherit; transition: .2s;
}
#theme-btn:hover { background: rgba(128,150,190,.12); color: var(--white); }

html[data-theme="light"] {
  --bg: #f5f7fc;
  --bg2: #eaeef7;
  --panel: #ffffff;
  --panel2: #f2f5fb;
  --line: rgba(13, 36, 77, .10);
  --line2: rgba(13, 36, 77, .20);
  --txt: #33415a;
  --txt-dim: #5d6c85;
  --white: #0d1b33;
  --cyan: #0779c4;
  --green: #0f8a4d;
}

html[data-theme="light"] nav { background: rgba(248, 250, 255, .88); border-bottom-color: rgba(13,36,77,.10); }
html[data-theme="light"] nav img, html[data-theme="light"] footer img.logo { filter: brightness(.22) saturate(1.4); }
html[data-theme="light"] #mobile-menu { background: rgba(248, 250, 255, .98); }
html[data-theme="light"] footer { background: #eaeef7; }
html[data-theme="light"] .glow { opacity: .5; }
html[data-theme="light"] .badge { color: #39557f; background: rgba(47,125,246,.08); border-color: rgba(47,125,246,.22); }
html[data-theme="light"] .btn-ghost { background: #ffffff; color: #0d1b33; border-color: rgba(13,36,77,.22); }
html[data-theme="light"] .btn-ghost:hover { background: #f2f5fb; }
html[data-theme="light"] .nav-links a:hover,
html[data-theme="light"] #mobile-menu a:hover { background: rgba(13,36,77,.06); }
html[data-theme="light"] .stat { background: #ffffff; }
html[data-theme="light"] .card:hover,
html[data-theme="light"] .pm:hover,
html[data-theme="light"] .pillar:hover,
html[data-theme="light"] .post:hover { box-shadow: 0 14px 34px rgba(13, 36, 77, .13); }
html[data-theme="light"] .frame,
html[data-theme="light"] .shot { box-shadow: 0 18px 44px rgba(13, 36, 77, .18); }
html[data-theme="light"] th { background: rgba(13, 36, 77, .045); }
html[data-theme="light"] .meta .tag,
html[data-theme="light"] .post .tag { color: #0f7a3d; }
html[data-theme="light"] .chip-live { color: #0f8a4d; background: rgba(15,138,77,.12); }
html[data-theme="light"] .chip-beta { color: #b45309; background: rgba(180,83,9,.12); }
html[data-theme="light"] .checks li svg { stroke: #0f8a4d; }
html[data-theme="light"] .ico.green svg { stroke: #0f8a4d; }
html[data-theme="light"] .honest p.row.yes svg { stroke: #0f8a4d; }
html[data-theme="light"] .hero h1 .grad-ai {
  background: linear-gradient(100deg, #7c3aed, #0779c4);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
html[data-theme="light"] .kicker-ai {
  background: linear-gradient(100deg, #7c3aed, #0779c4);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
html[data-theme="light"] .ai-list li svg { stroke: #7c3aed; }
html[data-theme="light"] form input, html[data-theme="light"] form textarea { background: #ffffff; border-color: rgba(13,36,77,.22); }
html[data-theme="light"] .step .n, html[data-theme="light"] .step-box .sn { color: #0779c4; }
html[data-theme="light"] .heat-x span { color: #5d6c85; }

/* Mockupy produktowe (dashboardy, czat AI) celowo pozostają ciemne w trybie jasnym —
   to "okna aplikacji"; lokalnie przywracamy im ciemne tokeny. */
html[data-theme="light"] .dash,
html[data-theme="light"] .chat {
  --panel: #0d1528; --panel2: #101a30;
  --line: rgba(148,163,184,.10); --line2: rgba(148,163,184,.18);
  --txt: #cbd5e1; --txt-dim: #7c8aa0; --white: #f3f6fb;
  --cyan: #38bdf8; --green: #34d399;
  color: var(--txt);
  border-color: rgba(13, 36, 77, .30);
  box-shadow: 0 22px 55px rgba(13, 36, 77, .28);
}
html[data-theme="light"] .dash { background: linear-gradient(165deg, #101a30, #0d1528); }
html[data-theme="light"] .chat { background: linear-gradient(165deg, rgba(139,92,246,.10), #0d1528 45%); }
html[data-theme="light"] .dash .demo-chip { color: #fbbf24; }
html[data-theme="light"] .chat-note, html[data-theme="light"] .chat-head .s { color: #7c8aa0; }