/* JASNY MOTYW: wszystko, co zmienia wygląd stron po kliknięciu przycisku motywu.
   1) zmienne kolorów  2) reguły wygenerowane automatycznie dla kolorów zapisanych na sztywno  3) ręczne poprawki */
html[data-theme="light"]{color-scheme:light;--bg:#fff;--surface:#f4f5f8;--line:#e2e4ea;--text:#12141a;--muted:#555a68;--logo-filter:invert(1) hue-rotate(180deg)}
/* --- 2) AUTO --- */
/* ---- components.css ---- */
html[data-theme="light"] .hero-main .lead{color:var(--text)}
html[data-theme="light"] .pillars li::before{background:linear-gradient(90deg,rgba(18,20,26,0.16),rgba(18,20,26,0.04))}
html[data-theme="light"] .btn.glow::after{background:linear-gradient(100deg,transparent,rgba(18,20,26,0.26),transparent)}
html[data-theme="light"] .ln-base{stroke:rgba(18,20,26,0.12)}
html[data-theme="light"] .card::after{background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(18,20,26,0.088),transparent 60%)}
html[data-theme="light"] .step-ico{background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--g-full) border-box}
html[data-theme="light"] .copy p{color:var(--text)}
html[data-theme="light"] .cta .panel{background:var(--bg);border:1px solid rgba(18,20,26,0.1)}
html[data-theme="light"] .cta .lead{color:var(--text)}
html[data-theme="light"] .cta-row::before{background:linear-gradient(90deg,transparent,rgba(18,20,26,0.22))}
html[data-theme="light"] .cta-go{color:var(--text);border:1px solid rgba(18,20,26,0.35);background:rgba(18,20,26,0.024)}
html[data-theme="light"] .cta-go:hover{border-color:rgba(18,20,26,0.7);background:rgba(18,20,26,0.048)}
html[data-theme="light"] .h1-top{border:1px solid rgba(18,20,26,0.24);background:rgba(18,20,26,0.024);color:var(--text)}
html[data-theme="light"] .intro p{color:var(--text)}
html[data-theme="light"] .lp-base{background:linear-gradient(#2c2f38,var(--surface))}
html[data-theme="light"] .lp-base::after{background:var(--surface)}
html[data-theme="light"] .fchip{color:var(--text);border:1px solid rgba(18,20,26,0.2)}
/* ---- blog-common.css ---- */
html[data-theme="light"] html{background:var(--bg)}
html[data-theme="light"] .btn::after{background:linear-gradient(100deg,transparent,rgba(18,20,26,0.24),transparent)}
/* ---- portfolio.css ---- */
html[data-theme="light"] .copy .ask{color:var(--text)}
html[data-theme="light"] .phone{background:linear-gradient(145deg,#3b3e47,var(--surface))}
html[data-theme="light"] .screen{background:var(--bg)}
html[data-theme="light"] .screen::after{background:linear-gradient(115deg,transparent 35%,rgba(18,20,26,0.064) 48%,transparent 60%)}
html[data-theme="light"] .island{background:var(--bg)}
html[data-theme="light"] .lp-screen{border:10px solid var(--surface);background:var(--bg)}
html[data-theme="light"] .tablet{border:9px solid var(--surface);background:var(--bg)}
html[data-theme="light"] .meta{border:1px solid rgba(18,20,26,0.14);background:linear-gradient(145deg,rgba(18,20,26,0.036),rgba(18,20,26,0.008))}
/* ---- article.css ---- */
html[data-theme="light"] .prose{color:rgba(18,20,26,0.85)}
html[data-theme="light"] .prose pre{background:var(--surface)}
/* ---- pages/article-decimal-duration.css ---- */
html[data-theme="light"] .prose blockquote{background:rgba(18,20,26,0.012)}
/* ---- pages/article-google-calendar.css ---- */
html[data-theme="light"] .integration-card{background:radial-gradient(80% 120% at 50% 0%, rgba(58,141,159,0.18), rgba(13,14,18,0.95)), var(--surface)}
html[data-theme="light"] .integration-card .brand-slot{background:rgba(18,20,26,0.016);border:1px solid rgba(18,20,26,0.12)}
/* ---- pages/article-google-sites.css ---- */
html[data-theme="light"] .prose h3{color:var(--text)}
/* ---- pages/blog.css ---- */
html[data-theme="light"] .btn.ghost{background:rgba(18,20,26,0.024)}
/* ---- pages/case-study.css ---- */
html[data-theme="light"] .hub-node{border:1px solid rgba(18,20,26,0.16)}
html[data-theme="light"] .hub-cap{color:var(--text)}
html[data-theme="light"] .card .num{color:var(--text)}
html[data-theme="light"] .pill:hover{border-color:rgba(18,20,26,0.4)}
html[data-theme="light"] .ring{border:1px solid rgba(18,20,26,0.14)}
html[data-theme="light"] .tst-bg .r1,html[data-theme="light"] .tst-bg .r2{border:1px solid rgba(18,20,26,0.09)}
html[data-theme="light"] .tst-bg .r2{border-color:rgba(18,20,26,0.06)}
html[data-theme="light"] .tst-card{background:linear-gradient(135deg,rgba(18,20,26,0.06),rgba(18,20,26,0.02));border:1px solid rgba(18,20,26,0.22)}
html[data-theme="light"] .tst-card blockquote p{color:var(--text)}
html[data-theme="light"] .ai-panel{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(100deg,rgba(155,41,174,.7),rgba(58,141,159,.6),rgba(89,190,152,.6),rgba(247,198,76,.6)) border-box}
html[data-theme="light"] .ai-visual{border:1px solid rgba(18,20,26,0.14)}
html[data-theme="light"] .term-bar{border-bottom:1px solid rgba(18,20,26,0.1)}
html[data-theme="light"] .term-body div{color:var(--text)}
html[data-theme="light"] .case-logo{background:rgba(18,20,26,0.016);border:1px solid rgba(18,20,26,0.1)}
html[data-theme="light"] .cta p{color:var(--text)}
html[data-theme="light"] .filter{background:rgba(18,20,26,0.016)}
html[data-theme="light"] .badge{border:1px solid rgba(18,20,26,0.18);color:var(--text)}
html[data-theme="light"] .tag{border:1px solid rgba(18,20,26,0.16);color:var(--text);background:rgba(18,20,26,0.012)}
html[data-theme="light"] .f-tab{color:var(--text);background:linear-gradient(rgba(18,20,26,0.028),rgba(18,20,26,0.028)),var(--surface);border:1px solid rgba(18,20,26,0.18)}
html[data-theme="light"] .f-body{border:1px solid rgba(18,20,26,0.18);background:linear-gradient(rgba(18,20,26,0.028),rgba(18,20,26,0.028)),var(--surface)}
html[data-theme="light"] .f-body::after{background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(18,20,26,0.088),transparent 60%)}
html[data-theme="light"] .cs-top::before{background:radial-gradient(60% 120% at 50% 135%,rgba(18,20,26,0.12),transparent 65%),radial-gradient(40% 70% at 88% -10%,rgba(18,20,26,0.08),transparent 70%),radial-gradient(35% 60% at 8% 110%,rgba(0,0,0,.35),transparent 70%)}
html[data-theme="light"] .cs-logo .mono{color:var(--text)}
html[data-theme="light"] .cs-logo.is-plate{border:1px solid rgba(18,20,26,0.2)}
@media (hover:none){html[data-theme="light"] .folder:hover .f-body{border-color:rgba(18,20,26,0.18)}}
@media (hover:none){html[data-theme="light"] .folder:hover .f-tab{background:linear-gradient(rgba(18,20,26,0.028),rgba(18,20,26,0.028)),var(--surface);border-color:rgba(18,20,26,0.18)}}
@media (hover:none){html[data-theme="light"] .folder:active .f-body{border-color:rgba(18,20,26,0.4)}}
html[data-theme="light"] .tagline{color:var(--text)}
/* ---- pages/home.css ---- */
html[data-theme="light"] .tv-card{background:linear-gradient(135deg,rgba(18,20,26,0.056),rgba(18,20,26,0.02));border:1px solid rgba(18,20,26,0.2)}
html[data-theme="light"] .tv-head{border-bottom:1px solid rgba(18,20,26,0.12)}
html[data-theme="light"] .av{border:2px solid var(--surface)}
html[data-theme="light"] .msg{color:var(--text)}
html[data-theme="light"] .msg.you{background:rgba(18,20,26,0.06)}
html[data-theme="light"] .msg.w2 b{color:var(--text)}
html[data-theme="light"] .msg.typing{background:rgba(18,20,26,0.04)}
html[data-theme="light"] .tv-chip{border:1px solid rgba(18,20,26,0.2)}
html[data-theme="light"] .tst-card{color:var(--text);background:linear-gradient(135deg,rgba(18,20,26,0.06),rgba(18,20,26,0.02));border:1px solid rgba(18,20,26,0.22)}
html[data-theme="light"] .tst-card strong{color:var(--text)}
/* ---- pages/kontakt.css ---- */
html[data-theme="light"] .method-icon{background:rgba(18,20,26,0.02);border:1px solid rgba(18,20,26,0.1)}
html[data-theme="light"] .method:hover .method-icon{background:rgba(18,20,26,0.04)}
html[data-theme="light"] .divider{background:linear-gradient(90deg, rgba(18,20,26,0.04), transparent)}
html[data-theme="light"] .contact-form{background:linear-gradient(145deg, rgba(18,20,26,0.024), rgba(18,20,26,0.004));border:1px solid rgba(18,20,26,0.15)}
html[data-theme="light"] .form-control{border:1px solid rgba(18,20,26,0.12)}
html[data-theme="light"] .form-control:hover{border-color:rgba(18,20,26,0.25)}
html[data-theme="light"] .msg-box.success{color:var(--text)}
/* ---- pages/o-nas.css ---- */
html[data-theme="light"] .team-overlay h3{color:var(--text)}
html[data-theme="light"] .team-overlay .desc{color:var(--text)}
html[data-theme="light"] .social-links a{background:rgba(18,20,26,0.04);border:1px solid rgba(18,20,26,0.2);color:var(--text)}
html[data-theme="light"] .team-member .overlay{color:var(--text)}
html[data-theme="light"] .social-links a{background:rgba(18,20,26,0.02);border:1px solid rgba(18,20,26,0.15)}
html[data-theme="light"] .social-links a:hover{background:rgba(18,20,26,0.06)}
html[data-theme="light"] .slider{border:1px solid rgba(18,20,26,0.12)}
html[data-theme="light"] .s-dot{background:rgba(18,20,26,0.18)}
html[data-theme="light"] .s-count{color:var(--text)}
html[data-theme="light"] .s-btn{color:var(--text);background:rgba(18,20,26,0.048);border:1px solid rgba(18,20,26,0.28)}
html[data-theme="light"] .s-btn:hover{background:rgba(18,20,26,0.112)}
/* ---- pages/portfolio-ebh.css ---- */
html[data-theme="light"] .glass .f-tab{color:var(--text);border:1px solid rgba(18,20,26,0.42);background:linear-gradient(145deg,rgba(18,20,26,0.088),rgba(18,20,26,0.02))}
html[data-theme="light"] .glass .f-body{border:1px solid rgba(18,20,26,0.32);background:linear-gradient(145deg,rgba(18,20,26,0.052),rgba(18,20,26,0.01))}
html[data-theme="light"] .glass .f-body::before{background:radial-gradient(130% 80% at 14% -12%,rgba(18,20,26,0.112),transparent 55%),radial-gradient(90% 60% at 92% 112%,rgba(18,20,26,0.064),transparent 60%)}
html[data-theme="light"] .glass:hover .f-tab{background:linear-gradient(145deg,rgba(18,20,26,0.168),rgba(18,20,26,0.064));border-color:rgba(18,20,26,0.6)}
html[data-theme="light"] .glass:hover .f-body{border-color:rgba(18,20,26,0.55)}
html[data-theme="light"] .glass h3{color:var(--text)}
html[data-theme="light"] .glass .need{color:rgba(18,20,26,0.78)}
/* ---- pages/portfolio-ls.css ---- */
html[data-theme="light"] .hub-core svg{color:var(--text)}
/* ---- pages/portfolio-polozna.css ---- */
html[data-theme="light"] .steps strong{color:var(--text)}
html[data-theme="light"] .client-logo{border:1px solid rgba(18,20,26,0.05)}
html[data-theme="light"] .lp-screen{border:10px solid var(--surface)}
/* ---- pages/uslugi.css ---- */
html[data-theme="light"] .service-section{border-top:1px solid rgba(18,20,26,0.05)}
html[data-theme="light"] .copy li{color:var(--text)}
html[data-theme="light"] .glass-card{background:linear-gradient(145deg,rgba(18,20,26,0.032),rgba(18,20,26,0.008));border:1px solid rgba(18,20,26,0.2)}
html[data-theme="light"] .glass-card::before{background:radial-gradient(120% 120% at 20% 0%,rgba(18,20,26,0.06),transparent 60%)}
html[data-theme="light"] .browser{background:var(--surface);border:1px solid rgba(18,20,26,0.15)}
html[data-theme="light"] .browser-head{background:rgba(18,20,26,0.02);border-bottom:1px solid rgba(18,20,26,0.1)}
html[data-theme="light"] .b-line{background:rgba(18,20,26,0.04)}
html[data-theme="light"] .msg.you{background:rgba(18,20,26,0.048);color:var(--text);border:1px solid rgba(18,20,26,0.1)}
html[data-theme="light"] .msg b{color:var(--text)}
/* --- strona główna (ręcznie) --- */
html[data-theme="light"] #theme-toggle .i-sun{display:none}
html[data-theme="light"] #theme-toggle .i-moon{display:block}
html[data-theme="light"] header{background:rgba(255,255,255,.82)}
html[data-theme="light"] .nav img,html[data-theme="light"] .foot-brand img{filter:var(--logo-filter)}
html[data-theme="light"] .foot-brand .foot-partner img{filter:none}
.btn.glow.solid,html[data-theme="light"] .btn.glow.solid{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35);border-color:transparent;background:linear-gradient(100deg,var(--purple),var(--navy) 40%,var(--teal) 75%,#2f9e78) 0 0/220% 100% border-box;transition:background-position .6s ease,transform .3s,box-shadow .4s}
html[data-theme="light"] .btn.glow.outline{--inner:rgba(255,255,255,.96)}
html[data-theme="light"] .ai-panel,html[data-theme="light"] .cta .panel{--bg:#000;--surface:#0d0e12;--line:#23252c;--text:#f6f6f4;--muted:#a4a7b0;color:var(--text)}
html[data-theme="light"] .btn.ghost{border-color:#c3c7d1}
html[data-theme="light"] .btn.glow{background:linear-gradient(rgba(255,255,255,.96),rgba(255,255,255,.96)) padding-box,var(--g-full) border-box}
html[data-theme="light"] h1{text-shadow:none}
html[data-theme="light"] .hero::before{opacity:.6}
html[data-theme="light"] .hero-main::before{background:radial-gradient(ellipse 52% 62% at 50% 48%,rgba(255,255,255,.8),transparent 78%)}
html[data-theme="light"] .hero-main .lead{color:var(--text);opacity:.85}
html[data-theme="light"] .pillars li:first-child::before{background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.08))}
html[data-theme="light"] .pillars span{color:var(--muted)}
html[data-theme="light"] .logo-slider{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(100deg,rgba(155,41,174,.55),rgba(58,141,159,.55),rgba(89,190,152,.55),rgba(247,198,76,.55)) border-box;box-shadow:0 30px 90px -45px rgba(58,141,159,.5)}
html[data-theme="light"] .logo-slide img{filter:grayscale(1) contrast(1.1);opacity:.8}
html[data-theme="light"] .logo-slide img:hover{filter:none;opacity:1}
html[data-theme="light"] .ln-base{stroke:rgba(0,0,0,.14)}
html[data-theme="light"] .hub-core{border:1px solid var(--line);box-shadow:0 0 60px rgba(89,190,152,.4),0 0 110px rgba(155,41,174,.2)}
html[data-theme="light"] .hub-node{background:rgba(255,255,255,.92);border-color:rgba(0,0,0,.12);box-shadow:0 8px 24px -12px rgba(0,0,0,.25)}
html[data-theme="light"] .hub-cap{color:var(--muted)}
html[data-theme="light"] .card .num{color:#8a8f9c}
html[data-theme="light"] .plus::before,html[data-theme="light"] .plus::after{background:var(--text)}
html[data-theme="light"] .card:hover .plus::before,html[data-theme="light"] .card:hover .plus::after{background:#fff}
html[data-theme="light"] .card:hover h3,html[data-theme="light"] .card:hover .num{color:#fff}
html[data-theme="light"] .pill:hover{border-color:rgba(0,0,0,.3)}
html[data-theme="light"] .step-ico{background:linear-gradient(#fff,#fff) padding-box,var(--g-full) border-box}
html[data-theme="light"] .tv-card{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.7));border-color:rgba(0,0,0,.1);box-shadow:0 30px 70px -30px rgba(28,63,114,.35),inset 0 1px 0 #fff}
html[data-theme="light"] .tv-head{border-bottom-color:rgba(0,0,0,.1)}
html[data-theme="light"] .tv-head small{color:var(--muted)}
html[data-theme="light"] .av{border-color:#fff}
html[data-theme="light"] .tv-chip{background:rgba(255,255,255,.92);border-color:rgba(0,0,0,.1);box-shadow:0 14px 30px -14px rgba(58,141,159,.55)}
html[data-theme="light"] .msg.you{background:rgba(0,0,0,.07);color:var(--text)}
html[data-theme="light"] .msg.typing{background:rgba(0,0,0,.07)}
html[data-theme="light"] .msg.typing i{background:#8a8f9c}
html[data-theme="light"] .tst-bg .r1,html[data-theme="light"] .tst-bg .r2{border-color:rgba(0,0,0,.08)}
html[data-theme="light"] .tst-bg .dots{background-image:radial-gradient(rgba(0,0,0,.16) 1px,transparent 1.5px)}
html[data-theme="light"] .tst-bg .d1,html[data-theme="light"] .tst-bg .d2{opacity:.55}
html[data-theme="light"] .tst-card{color:var(--text);background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,.6));border-color:rgba(0,0,0,.1);box-shadow:0 30px 70px -35px rgba(28,63,114,.4),inset 0 1px 0 #fff}
html[data-theme="light"] .tst-card blockquote p,html[data-theme="light"] .tst-card strong{color:var(--text)}
html[data-theme="light"] .tst-card small{color:var(--muted)}
html[data-theme="light"] .copy p{color:var(--muted)}
html[data-theme="light"] .phone{box-shadow:inset 0 0 0 2px rgba(255,255,255,.16),0 50px 80px -36px rgba(0,0,0,.5),0 0 90px -28px rgba(58,141,159,.5)}
/* --- 3) RĘCZNE POPRAWKI --- */
/* blog i artykuły: panel CTA jasny (reguła ze strony głównej robi go ciemnym) */
html[data-theme="light"] body[data-fam="blog"] .cta .panel{--bg:#fff;--surface:#f4f5f8;--line:#e2e4ea;--text:#12141a;--muted:#555a68;color:var(--text);background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--g-full) border-box}
html[data-theme="light"] body[data-fam="blog"] .cta .panel::before{background:none}