/* ══════════════════════════════════════════════════════════════════════════
   MOTYW JASNY (data-theme="light") — ten sam układ co site.css, jasne kolory,
   krój Geist. Zmienne mają te same nazwy: --ink = tło, --paper = tekst.
   Ładowany tylko gdy SITE_THEME == 'light' (base.html).
   ══════════════════════════════════════════════════════════════════════════ */
[data-theme="light"] {
  --ink: #f7f7f4;
  --ink-2: #ffffff;
  --ink-3: #efeee9;
  --line: rgba(17, 20, 26, 0.08);
  --line-2: rgba(17, 20, 26, 0.14);
  --paper: #11141a;
  --paper-dim: #555b66;
  --paper-mute: #8a8f98;
  --amber: #f0ad1e;
  --amber-deep: #c98a0c;
  --amber-ink: #a86800;
  --amber-glow: rgba(240, 173, 30, 0.16);
  --amber-soft: rgba(240, 173, 30, 0.28);
  --up: #0c9a63;
  --down: #e0443b;
  --chart-rgb: 232,154,10;
  --chart-faint-rgb: 17,20,26;
  --f-display: "Geist", "Inter Tight", system-ui, sans-serif;
  --f-sans: "Geist", "Inter Tight", system-ui, sans-serif;
  --f-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
}
[data-theme="light"] body { font-size: 16.5px; }
[data-theme="light"] body::after { opacity: .025; }

/* Nagłówki: gruby, ciasny grotesk zamiast serifu; akcent = marker, nie kursywa */
[data-theme="light"] .hero h1, [data-theme="light"] .page-hero h1, [data-theme="light"] .art-head h1,
[data-theme="light"] .sec-head h2, [data-theme="light"] .community h2, [data-theme="light"] .wm-band h2,
[data-theme="light"] .quote-big, [data-theme="light"] .serif {
  font-weight: 600; letter-spacing: -.045em;
}
[data-theme="light"] .hero h1 { font-size: clamp(40px, 5.6vw, 82px); line-height: 1; }
[data-theme="light"] .page-hero h1 { font-size: clamp(42px, 6.2vw, 88px); line-height: 1; }
[data-theme="light"] .art-head h1 { font-size: clamp(36px, 4.8vw, 66px); line-height: 1.04; }
[data-theme="light"] .sec-head h2 { font-size: clamp(32px, 4vw, 54px); line-height: 1.02; }
[data-theme="light"] .community h2, [data-theme="light"] .wm-band h2 { font-size: clamp(36px, 4.4vw, 60px); line-height: 1.02; }
[data-theme="light"] em.accent, [data-theme="light"] .accent {
  font-style: normal; color: var(--paper);
  background: linear-gradient(transparent 58%, var(--amber-soft) 58%, var(--amber-soft) 92%, transparent 92%);
  padding: 0 .06em; -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
[data-theme="light"] .label b, [data-theme="light"] .story .cat, [data-theme="light"] .side-item .label,
[data-theme="light"] .gauge-val .txt, [data-theme="light"] .art-meta b { color: var(--amber-ink) !important; }
[data-theme="light"] .logo-word { font-weight: 700; font-size: 22px; letter-spacing: -.04em; }
[data-theme="light"] .logo-mark { width: 30px; height: 30px; color: var(--amber-deep); }
[data-theme="light"] .logo-word i { color: var(--amber); font-style: normal; }
[data-theme="light"] .story h3, [data-theme="light"] .side-item h4, [data-theme="light"] .inline-cta h4,
[data-theme="light"] .prose h2, [data-theme="light"] .tool .big, [data-theme="light"] .offer .amount,
[data-theme="light"] .panel .big, [data-theme="light"] .result-top .v, [data-theme="light"] .nw-chart .val,
[data-theme="light"] .gauge-val .num, [data-theme="light"] .step .n, [data-theme="light"] .equation {
  font-weight: 600; letter-spacing: -.035em;
}
[data-theme="light"] .story h3 { font-size: 22px; line-height: 1.22; }
[data-theme="light"] .story.big h3 { font-size: clamp(28px, 2.8vw, 40px); line-height: 1.1; }
[data-theme="light"] .card-grid .story h3 { font-size: 20px; }
[data-theme="light"] .side-item h4 { font-size: 17.5px; line-height: 1.3; }
[data-theme="light"] .prose h2 { font-size: 30px; }
[data-theme="light"] .offer .amount { color: var(--paper); font-size: 50px; }
[data-theme="light"] .offer .amount.txt { font-size: 32px; }
[data-theme="light"] .result-top .v.amber, [data-theme="light"] .step .n { color: var(--amber-ink); }
[data-theme="light"] .foot-big { font-weight: 700; letter-spacing: -.06em; color: var(--ink-3); -webkit-text-stroke: 0; }
[data-theme="light"] .foot-big i { color: var(--amber-soft); -webkit-text-stroke: 0; font-style: normal; }

/* Powierzchnie: białe karty z miękkim cieniem zamiast ciemnych paneli */
[data-theme="light"] .site-head { background: rgba(247, 247, 244, .82); }
[data-theme="light"] .ticker { background: var(--paper); border-bottom-color: transparent; }
[data-theme="light"] .ticker::before { background: linear-gradient(90deg, var(--paper), transparent); }
[data-theme="light"] .ticker::after { background: linear-gradient(-90deg, var(--paper), transparent); }
[data-theme="light"] .ticker-track { color: #a3a8b2; }
[data-theme="light"] .ticker-item b { color: #fff; }
[data-theme="light"] .ticker .up { color: #3ddc97; }
[data-theme="light"] .ticker .down { color: #ff7a6e; }
[data-theme="light"] .pulse-card, [data-theme="light"] .offer, [data-theme="light"] .panel, [data-theme="light"] .nw-chart,
[data-theme="light"] .calc-panel, [data-theme="light"] .chart-box, [data-theme="light"] .result-top > div,
[data-theme="light"] .inline-cta {
  background: #fff; border-color: var(--line);
  box-shadow: 0 1px 2px rgba(17,20,26,.04), 0 12px 32px -12px rgba(17,20,26,.12);
}
[data-theme="light"] .result-top { border-color: var(--line); box-shadow: 0 12px 32px -12px rgba(17,20,26,.12); }
[data-theme="light"] .result-top > div { box-shadow: none; }
[data-theme="light"] .offer:hover { border-color: rgba(240,173,30,.6); box-shadow: 0 24px 50px -20px rgba(17,20,26,.22); }
[data-theme="light"] .tools { background: #fff; border-radius: 16px; overflow: hidden; border: 1px solid var(--line);
  box-shadow: 0 12px 32px -12px rgba(17,20,26,.12); }
[data-theme="light"] .tool { border-color: var(--line); }
[data-theme="light"] .tool:last-child { border-right: 0; }
[data-theme="light"] .tool:hover .go { color: var(--paper); }
[data-theme="light"] .hero { background: radial-gradient(1000px 500px at 85% 20%, rgba(240,173,30,.12), transparent 60%),
  radial-gradient(800px 500px at 0% 100%, rgba(80,120,255,.07), transparent 60%); }
[data-theme="light"] .gauge path:first-of-type { stroke: var(--ink-3); }
[data-theme="light"] .nw-chart svg path[data-draw] { stroke: var(--paper); }
[data-theme="light"] .nw-chart svg circle { fill: var(--paper); }
[data-theme="light"] .nw-chart svg line { stroke: var(--line); }
[data-theme="light"] .bars .b .col .cap { background: #d9d8d2; }
[data-theme="light"] #d-rest { background: #d9d8d2 !important; color: var(--paper) !important; }
[data-theme="light"] .btn { --fg: #1a1203; }
[data-theme="light"] .btn::before { background: #ffc440; }
[data-theme="light"] .btn.ghost { --fg: var(--paper); background: #fff; }
[data-theme="light"] .btn.ghost::before { background: var(--ink-3); }
[data-theme="light"] .tab { background: #fff; }
[data-theme="light"] .tab.on { background: var(--paper); color: #fff; }
[data-theme="light"] .field input[type=number] { background: var(--ink); }
[data-theme="light"] input[type=range]::-webkit-slider-thumb { border-color: #fff; }
[data-theme="light"] .bond-pick button { background: #fff; }
[data-theme="light"] .bond-pick button.on { background: var(--paper); border-color: var(--paper); color: #c7cbd3; }
[data-theme="light"] .bond-pick button.on b { color: #fff; }
[data-theme="light"] .meter i { background: #fff; border-color: var(--paper); box-shadow: 0 2px 6px rgba(0,0,0,.2); }
[data-theme="light"] .tbl tbody tr:hover { background: var(--ink); }

/* Zdjęcia: kolor (lekko przygaszony) zamiast czerni i bieli, zaokrąglone rogi */
[data-theme="light"] .story .img, [data-theme="light"] .side-item .thumb, [data-theme="light"] .art-img .frame { border-radius: 14px; }
[data-theme="light"] .story .img img, [data-theme="light"] .side-item .thumb img, [data-theme="light"] .art-img img { filter: saturate(.85) contrast(1.02); }
[data-theme="light"] .story:hover .img img { filter: saturate(1.05); }
[data-theme="light"] .story .img::after { display: none; }
[data-theme="light"] .ph { color: var(--amber-ink); font-style: normal; font-weight: 600; letter-spacing: -.03em;
  background: radial-gradient(circle at 30% 20%, var(--amber-glow), transparent 60%),
  repeating-linear-gradient(135deg, transparent 0 14px, rgba(17,20,26,.04) 14px 15px), #fff; }
[data-theme="light"] .story h3 { background-image: linear-gradient(var(--amber), var(--amber)); background-size: 0 2px; }
[data-theme="light"] .story:hover h3 { background-size: 100% 2px; }

/* Treść artykułu */
[data-theme="light"] .prose { color: #2a2f38; font-size: 18.5px; }
[data-theme="light"] .prose a { color: var(--amber-ink); }
[data-theme="light"] .prose a.btn { color: #1a1203; }
[data-theme="light"] .prose > p:first-of-type::first-letter { font-weight: 700; color: var(--paper); font-size: 4.2em; padding-top: 6px; }
[data-theme="light"] .prose blockquote { font-weight: 500; }
[data-theme="light"] .equation .res, [data-theme="light"] .quote-big i { font-style: normal; color: var(--amber-ink); }
[data-theme="light"] .board .ico { color: var(--amber-ink); background: #fff; font-weight: 600; }
[data-theme="light"] .soon { color: var(--amber-ink); }
[data-theme="light"] .offer .expires { color: #1a1203; }
[data-theme="light"] .phone { background: linear-gradient(145deg, #1d2026, #0d0e10); }
[data-theme="light"] .phone-top b { color: #e7ecf1; }
/* Menu boczne: biala karta na kremowym tle, aktywna pozycja znaczona
   ciemniejszym bursztynem, bo jasny zolty na bieli znika. */
[data-theme="light"] .kf-side { background: #fff; }
[data-theme="light"] .kf-item { font-weight: 500; }
[data-theme="light"] .kf-item.kf-on { color: var(--paper); font-weight: 600; }
[data-theme="light"] .kf-item.kf-on .kf-ico { color: var(--amber-ink); }
[data-theme="light"] .kf-item.kf-on::before { background: var(--amber-ink); }
[data-theme="light"] .kf-tag { color: var(--amber-ink); background: rgba(240,173,30,.16); }
[data-theme="light"] .kf-side-cta .tg-ico { color: var(--amber-ink); }

/* Poradniki: biale karty na kremowym tle, kwota zwrotu ciemniejszym
   bursztynem, bo jasny zolty na bieli przestaje byc czytelny. */
[data-theme="light"] .por-krok, [data-theme="light"] .por-karta, [data-theme="light"] .por-pusto { background: #fff; }
[data-theme="light"] .por-krok h3, [data-theme="light"] .por-tresc h3 { font-weight: 600; letter-spacing: -.035em; }
[data-theme="light"] .por-nr, [data-theme="light"] .por-zwrot b, [data-theme="light"] .por-soon { color: var(--amber-ink); }
[data-theme="light"] .por-pusto h2 { font-weight: 600; letter-spacing: -.045em; }
[data-theme="light"] .por-okladka { background: linear-gradient(135deg, #f3f2ed, #fff); }

/* Panel subskrypcji w jasnym motywie: biala karta, kolumna z cena kremowa */
[data-theme="light"] .zar-panel { background: #fff; }
[data-theme="light"] .zar-panel-p { background: #faf9f5; }
[data-theme="light"] .zar-panel-l h2, [data-theme="light"] .zar-nastepny h3 { font-weight: 600; letter-spacing: -.04em; }
[data-theme="light"] .zar-cena b, [data-theme="light"] .zar-soon,
[data-theme="light"] .zar-nastepny h3, [data-theme="light"] .por-nr-raport { color: var(--amber-ink); }
[data-theme="light"] .por-nr-raport { background: rgba(240,173,30,.16); }
[data-theme="light"] .por-bonus { background: #faf9f5; border-left-color: var(--amber-ink); }

/* Strony transakcyjne w jasnym motywie */
[data-theme="light"] .dzieki h1, [data-theme="light"] .reg-h1 { font-weight: 600; letter-spacing: -.045em; }
[data-theme="light"] .dzieki-znak { background: rgba(240,173,30,.16); color: var(--amber-ink); }
[data-theme="light"] .dzieki-nr { color: var(--amber-ink); }
[data-theme="light"] .reg-wazne { background: #fff; border-left-color: var(--amber-ink); }
[data-theme="light"] .reg a { color: var(--amber-ink); }

[data-theme="light"] .por-plan { color: var(--amber-ink); background: rgba(255,255,255,.9); }