/* ═══════════════ DevOstro — Kartka „CAPPUCCINO" dla KURSÓW ═══════════════
   Kanon barw: docs/decisions/260720_paleta-cappuccino-kartka-kursy.md (tokeny --k-*, mapa element→token).
   Wszystko pod [data-theme="light"]; dark NIETKNIĘTY. Zasada: ZERO hexów spoza kanonu.
   Silnik: theme.js + no-flash snippet (w HTML kursu). Praktyka → practice.css (blok [data-theme=light]). */

/* ── suwak motywu (theme.js → .nav-auth) ── */
.theme-toggle { position: relative; width: 60px; height: 28px; flex-shrink: 0; border: 1.5px solid #00c8ff66; background: rgba(255,255,255,.06); border-radius: 999px; cursor: pointer; padding: 0; transition: background .2s, border-color .2s, box-shadow .2s; box-shadow: 0 0 12px #00c8ff22; }
.theme-toggle:hover { border-color: #00c8ff; }
.theme-toggle .tt-ico { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 13px; line-height: 1; pointer-events: none; }
.theme-toggle .tt-knob { position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; overflow: hidden; background: #00c8ff; box-shadow: 0 1px 4px rgba(0,0,0,.45); transition: transform .26s cubic-bezier(.34,1.4,.5,1), background .26s; }
.theme-toggle .tt-knob .tt-r { display: none; }
[data-theme="light"] .theme-toggle { border-color: #BC5B3C66; box-shadow: 0 0 12px rgba(188,91,60,.14); background: #FBF7F0; }
[data-theme="light"] .theme-toggle .tt-knob { transform: translateX(32px); background: linear-gradient(135deg, #EBDFC8, #BC5B3C); }
[data-theme="light"] .theme-toggle .tt-knob .tt-l { display: none; }
[data-theme="light"] .theme-toggle .tt-knob .tt-r { display: flex; }

/* ═══════════════ §1 TOKENY CAPPUCCINO ═══════════════ */
:root[data-theme="light"] {
  /* [21.07] papier/paski/KARTY ciemniejsze (mniej mdłe); OKNA KODU osobno jaśniejsze (--k-kod-bg) → tylko kod popuje, nie cała kartka */
  --k-mleko:#F1E8D6; --k-pianka:#F1E9DA; --k-papier:#E4D8C1; --k-latte:#E4D6BE; --k-linia:#C8B79A;
  --k-kod-bg:#FDFAF3;   /* tło SAMEGO okna kodu (demo/edytor/praktyka) — najjaśniejsze */
  --k-output:#F7F1E4;   /* tło OUTPUTU (terminal-out) — jaśniejsze niż proza (nie zlewa), ciemniejsze niż okno kodu */
  --k-anim-hl:rgba(188,91,60,.34);   /* pasek „skan" w animacjach — terakota widoczna na jasnym (dark = fallback cyjan w SVG) */
  --k-pasek:#FBF6ED;    /* górne paski (nav/ranga/kroki) — jaśniejsze niż karta prozy (koniec zlewania) */
  --k-espresso50:#43362B; --k-espresso:#43362B; --k-espresso900:#2E241C;
  --k-szalwia-bg:#E3ECDD; --k-szalwia-br:#C2D4BC; --k-szalwia-tx:#4A6B44; --k-szalwia-solid:#5F7F58;
  --k-roz-bg:#F3E0DB; --k-roz-br:#E0C0B6; --k-roz-tx:#9C4A38;
  --k-wanilia-bg:#F6ECCB; --k-wanilia-br:#E4D29F; --k-wanilia-tx:#806018; --k-ochra:#8F6A1E;
  --k-lawenda-bg:#EAE4F0; --k-lawenda-br:#CFC4DE; --k-lawenda-tx:#695A86;
  --k-terakota:#BC5B3C; --k-terakota-tx:#A84E31;
  --k-kod-keyword:#74538A; --k-kod-string:#4F7549; --k-kod-fn:#A25233; --k-kod-num:#8F6A1E; --k-kod-comment:#8A7A64; --k-kod-op:#6B5B49;
  /* mostki do zmiennych kursu (dark→cappuccino, 1:1 z rolami) */
  --bg:var(--k-papier); --bg2:var(--k-pianka); --bg3:var(--k-latte);
  --accent:var(--k-espresso); --accent2:var(--k-ochra); --accent3:var(--k-szalwia-tx);
  --red:var(--k-terakota); --orange:var(--k-ochra);
  --text:var(--k-espresso); --muted:var(--k-espresso50); --border:var(--k-linia);
}

/* ═══════════════ §2a RUSZTOWANIE ═══════════════ */
[data-theme="light"] body { background: linear-gradient(rgba(103,86,62,.10) 1px, transparent 1px), linear-gradient(90deg, rgba(103,86,62,.10) 1px, transparent 1px), var(--k-papier); background-size: 26px 26px, 26px 26px, auto; background-attachment: fixed; color: var(--k-espresso); }
[data-theme="light"] h1, [data-theme="light"] h2, [data-theme="light"] h3 { font-family: Georgia,'Times New Roman',serif; color: var(--k-espresso900); }
[data-theme="light"] nav { background: var(--k-pianka); border-bottom-color: var(--k-linia); }
[data-theme="light"] nav .logo { color: var(--k-terakota); }
[data-theme="light"] nav a { color: var(--k-espresso50); }
[data-theme="light"] nav a:hover { background: var(--k-latte); color: var(--k-terakota-tx); }
[data-theme="light"] .nav-modules .nav-modul-link { color: var(--k-ochra); }
[data-theme="light"] .nav-modules .nav-modul-link.open { color: var(--k-espresso); background: var(--k-latte); }
[data-theme="light"] .nav-modules a.aktywna { background: var(--k-espresso); color: var(--k-mleko); }
[data-theme="light"] .hero { background: none; border-bottom-color: var(--k-linia); }
[data-theme="light"] .hero h1 { color: var(--k-espresso900); text-shadow: none; }
[data-theme="light"] .badge { background: var(--k-mleko); border-color: var(--k-linia); color: var(--k-espresso50); }
[data-theme="light"] .lekcja { background: var(--k-mleko); border-color: var(--k-linia); box-shadow: 2px 4px 0 rgba(46,36,28,.06); }
/* licznik "szybkich strzałów" 🔫 — .komplet mial zaszyte ciemnozielone #0a1a0a (ciemny box w light) */
[data-theme="light"] .strzaly-licznik { background: var(--k-pianka); border-color: var(--k-linia); color: var(--k-espresso); }
[data-theme="light"] .strzaly-licznik.komplet { background: var(--k-szalwia-bg); border-color: var(--k-szalwia-br); color: var(--k-szalwia-tx); }
/* "▶ odtwórz" na scenach (dual-graf) — koniec niebieskiego; ▶ = uruchom = szałwia (spójne z przyciskami praktyki) */
[data-theme="light"] .dgb { color: var(--k-mleko); background: var(--k-szalwia-solid); border-color: var(--k-szalwia-solid); }
[data-theme="light"] .dgb:hover { color: var(--k-mleko); background: var(--k-szalwia-tx); border-color: var(--k-szalwia-tx); }
[data-theme="light"] .lekcja-header { background: var(--k-latte); border-bottom-color: var(--k-linia); }
[data-theme="light"] .lekcja-header-teoria { background: var(--k-latte); border-bottom: 2px solid var(--k-terakota); }
[data-theme="light"] .lekcja-num { background: var(--k-terakota); color: var(--k-mleko); }
[data-theme="light"] .lekcja-header h2 { color: var(--k-espresso900); }
[data-theme="light"] .lekcja-body::after { display: none; }
[data-theme="light"] footer { background: var(--k-pianka); border-top-color: var(--k-linia); color: var(--k-espresso50); }
[data-theme="light"] ::-webkit-scrollbar-track { background: var(--k-papier); }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: var(--k-linia); }

/* ═══════════════ §2b CZYTANIE ═══════════════ */
[data-theme="light"] .teoria, [data-theme="light"] .wyjasnienie-blok { background: var(--k-mleko); border-color: var(--k-linia); color: var(--k-espresso); }
[data-theme="light"] .teoria strong { color: var(--k-terakota-tx); }
[data-theme="light"] .misja { background: var(--k-latte); border-left-color: var(--k-terakota); color: var(--k-espresso); }
[data-theme="light"] .misja::before { color: var(--k-terakota-tx); }
[data-theme="light"] .krok0 { background: var(--k-latte); border-left-color: var(--k-terakota); }
[data-theme="light"] .krok0-title { color: var(--k-terakota-tx); }
[data-theme="light"] .krok0-step-num { background: var(--k-terakota); color: var(--k-mleko); }
[data-theme="light"] .krok0-step { color: var(--k-espresso); }
[data-theme="light"] .uwaga { background: var(--k-latte); border-color: var(--k-linia); border-left-color: var(--k-espresso50); color: var(--k-espresso); }
[data-theme="light"] .uwaga .uwaga-tytul { color: var(--k-espresso900); }
[data-theme="light"] .efekt, [data-theme="light"] .zadanie-blok, [data-theme="light"] .zadania { background: var(--k-szalwia-bg); border-color: var(--k-szalwia-br); color: var(--k-szalwia-tx); }
[data-theme="light"] .zadanie-blok { border-left-color: var(--k-szalwia-tx); }
[data-theme="light"] .zadania ul { color: var(--k-szalwia-tx); }
[data-theme="light"] .checklist, [data-theme="light"] .zadania-samodzielne { background: var(--k-szalwia-bg); border-color: var(--k-szalwia-br); }
[data-theme="light"] .checklist-title, [data-theme="light"] .zadania-title, [data-theme="light"] .zadanie-label { color: var(--k-szalwia-tx); }
[data-theme="light"] .checklist ul, [data-theme="light"] .zadania-samodzielne ol { color: var(--k-espresso); }
[data-theme="light"] .zadania-samodzielne li { border-top-color: var(--k-szalwia-br); }
[data-theme="light"] .pytanie-micro { background: var(--k-szalwia-bg); border-color: var(--k-szalwia-br); }
[data-theme="light"] .pytanie-micro details div { color: var(--k-szalwia-tx); }
[data-theme="light"] .blad-blok { background: var(--k-roz-bg); border-left-color: var(--k-terakota); color: var(--k-roz-tx); }
[data-theme="light"] .eksperymenty { background: var(--k-wanilia-bg); border-color: var(--k-wanilia-br); }
[data-theme="light"] .eksperymenty ol { color: var(--k-ochra); }
[data-theme="light"] .wyobraz-sobie { background: var(--k-wanilia-bg); border-left-color: var(--k-wanilia-br); color: var(--k-wanilia-tx); }
[data-theme="light"] .motywacja, [data-theme="light"] .cliffhanger { background: var(--k-wanilia-bg); border-color: var(--k-wanilia-br); color: var(--k-wanilia-tx); }
[data-theme="light"] .cliffhanger { border-left-color: var(--k-wanilia-br); }
[data-theme="light"] .mini-projekt { background: var(--k-mleko); border-color: var(--k-terakota); }
[data-theme="light"] .mini-projekt-title { color: var(--k-terakota-tx); }
[data-theme="light"] .sekcja-title, [data-theme="light"] .postep { color: var(--k-espresso50); }
[data-theme="light"] .podsekcja-num { background: var(--k-latte); border-color: var(--k-linia); color: var(--k-espresso50); }
[data-theme="light"] code:not([class]) { background: transparent; border: none; padding: 0; color: var(--k-espresso); font-weight: 600; }   /* inline-kod = sama czcionka mono, bez pudelka/tla (mniej pstrokato, lzejszy kontrast) */
[data-theme="light"] .btn-lekcja { background: var(--k-mleko); border-color: var(--k-linia); color: var(--k-espresso); }
[data-theme="light"] .btn-lekcja:hover { background: var(--k-espresso); color: var(--k-mleko); }
[data-theme="light"] .btn-lekcja.btn-start { background: var(--k-szalwia-solid); color: var(--k-mleko); border-color: var(--k-szalwia-solid); }
[data-theme="light"] .btn-lekcja.btn-start:hover { background: #52704C; }
[data-theme="light"] .terminal-out { background: var(--k-output); border-color: var(--k-linia); font-weight: 600; }   /* output: jaśniejszy niż proza, ciemniejszy niż okno kodu (nie zlewa się) */
[data-theme="light"] .terminal-out .t-prompt { color: var(--k-espresso); }
[data-theme="light"] .terminal-out .t-out { color: var(--k-espresso900); font-weight: 600; }   /* wynik = najciemniejszy atrament + bold (max czytelnosc) */
[data-theme="light"] .nav-lekcji { border-top-color: var(--k-linia); }

/* ═══════════════ §2c KOD (Prism) — latte + składnia cappuccino, semibold ═══════════════ */
[data-theme="light"] pre[class*="language-"], [data-theme="light"] code[class*="language-"] { background: var(--k-kod-bg) !important; color: var(--k-espresso) !important; text-shadow: none !important; font-weight: 600; }
[data-theme="light"] pre[class*="language-"] { border-color: var(--k-linia) !important; box-shadow: 2px 3px 0 rgba(46,36,28,.08); }
[data-theme="light"] pre[class*="language-"] .token { font-weight: 600; }
[data-theme="light"] .token.comment, [data-theme="light"] .token.prolog, [data-theme="light"] .token.doctype, [data-theme="light"] .token.cdata { color: var(--k-kod-comment) !important; }
[data-theme="light"] .token.keyword, [data-theme="light"] .token.control, [data-theme="light"] .token.important, [data-theme="light"] .token.atrule { color: var(--k-kod-keyword) !important; }
[data-theme="light"] .token.string, [data-theme="light"] .token.char, [data-theme="light"] .token.attr-value { color: var(--k-kod-string) !important; }
[data-theme="light"] .token.function, [data-theme="light"] .token.class-name, [data-theme="light"] .token.builtin { color: var(--k-kod-fn) !important; }
[data-theme="light"] .token.number, [data-theme="light"] .token.boolean, [data-theme="light"] .token.constant { color: var(--k-kod-num) !important; }
[data-theme="light"] .token.operator, [data-theme="light"] .token.punctuation, [data-theme="light"] .token.entity { color: var(--k-kod-op) !important; background: transparent !important; }
[data-theme="light"] .quiz-code-blok { background: var(--k-latte); border-color: var(--k-linia); color: var(--k-espresso); }

/* ═══════════════ §2e QUIZ — zieleń szałwia (fiolet raził na cappuccino, właściciel 21.07) ═══════════════ */
[data-theme="light"] .quiz-blok { background: var(--k-szalwia-bg); border-color: var(--k-szalwia-br); }
[data-theme="light"] .quiz-title, [data-theme="light"] .quiz-naglowek { color: var(--k-szalwia-tx); }
[data-theme="light"] .quiz-pytanie { color: var(--k-espresso); }
[data-theme="light"] .quiz-postep, [data-theme="light"] .quiz-adnotacja { color: var(--k-espresso50); }
[data-theme="light"] .quiz-btn-opcja { background: var(--k-mleko); border-color: var(--k-linia); color: var(--k-espresso); }
[data-theme="light"] .quiz-btn-opcja:hover:not(:disabled) { background: var(--k-pianka); border-color: var(--k-lawenda-tx); }
[data-theme="light"] .quiz-btn-opcja.poprawna { background: var(--k-szalwia-bg); border-color: var(--k-szalwia-tx); color: var(--k-szalwia-tx); }
[data-theme="light"] .quiz-btn-opcja.zla { background: var(--k-roz-bg); border-color: var(--k-terakota); color: var(--k-roz-tx); }

/* ═══════════════ §2f-1 SCENY SVG → przekolorowane (dark-baked fill/stroke → tokeny; dark nietknięty) ═══════════════ */
[data-theme="light"] svg [fill="#0c0c1c"],[data-theme="light"] svg [fill="#05050f"],[data-theme="light"] svg [fill="#000000"],[data-theme="light"] svg [fill="#181820"],[data-theme="light"] svg [fill="#252525"] { fill: var(--k-mleko); }
[data-theme="light"] svg [fill="#141426"],[data-theme="light"] svg [fill="#241a10"] { fill: var(--k-latte); }
[data-theme="light"] svg [fill="#37374e"],[data-theme="light"] svg [fill="#3a3a5c"],[data-theme="light"] svg [fill="#4a4a66"],[data-theme="light"] svg [fill="#5a6a7a"],[data-theme="light"] svg [fill="#c9c9e4"] { fill: var(--k-linia); }
[data-theme="light"] svg [stroke="#3a3a5c"],[data-theme="light"] svg [stroke="#5a5a7a"] { stroke: var(--k-linia); }
[data-theme="light"] svg [fill="#00c8ff"] { fill: var(--k-espresso); }
[data-theme="light"] svg [stroke="#00c8ff"] { stroke: var(--k-espresso); }
[data-theme="light"] svg [fill="#ff6a6a"],[data-theme="light"] svg [fill="#ff6666"],[data-theme="light"] svg [fill="#D42F2F"] { fill: var(--k-terakota); }
[data-theme="light"] svg [stroke="#ff6a6a"] { stroke: var(--k-terakota); }
[data-theme="light"] svg [fill="#c678dd"] { fill: var(--k-kod-keyword); }
[data-theme="light"] svg [fill="#ffb454"],[data-theme="light"] svg [fill="#c8a24a"],[data-theme="light"] svg [fill="#b8860b"] { fill: var(--k-ochra); }
[data-theme="light"] svg [stroke="#b8960a"],[data-theme="light"] svg [stroke="#b8860b"],[data-theme="light"] svg [stroke="#7a5a2a"] { stroke: var(--k-ochra); }
[data-theme="light"] svg [fill="#0f2413"] { fill: var(--k-szalwia-bg); }
[data-theme="light"] svg [fill="#34d399"] { fill: var(--k-szalwia-tx); }
/* ⚠ logotypy Visa/Mastercard (#FF5F00 #F79E1B #EB001B #1A1F71 #D0042E) = znaki towarowe → NIE ruszamy */

/* ═══════════════ §2f-2 WIDEO-INTRA (iframe YouTube) — rama ═══════════════ */
[data-theme="light"] .wstep-wideo { border: 2px solid var(--k-espresso900); background: var(--k-espresso900); }
[data-theme="light"] .wstep-placeholder { background: var(--k-latte); color: var(--k-espresso50); }
[data-theme="light"] .wstep-naglowek { color: var(--k-terakota-tx); }
[data-theme="light"] .wstep-dalej { background: var(--k-szalwia-solid); color: var(--k-mleko); }

/* ═══════════════ §2g DOPAMINA — statsy/odznaki/gablota (nadpisanie wstrzykniętego <style>) ═══════════════ */
[data-theme="light"] .dop-statsy { background: var(--k-pianka); border-color: var(--k-ochra); box-shadow: 2px 3px 0 rgba(46,36,28,.06); }
[data-theme="light"] .dop-statsy-tyt { color: var(--k-ochra); }
[data-theme="light"] .dop-kafel { background: var(--k-mleko); border-color: var(--k-linia); }
[data-theme="light"] .dop-kafel .lb, [data-theme="light"] .dop-kafel .vl small { color: var(--k-espresso50); }
[data-theme="light"] .dop-kafel .vl { color: var(--k-espresso900); }
[data-theme="light"] .dop-kafel.ok .vl { color: var(--k-szalwia-tx); }
[data-theme="light"] .dop-rozbicie { color: var(--k-espresso50); }
[data-theme="light"] .dop-rozbicie b { color: var(--k-espresso); }
[data-theme="light"] .dop-odznaka { background: var(--k-wanilia-bg); border-color: var(--k-ochra); color: var(--k-espresso); }
[data-theme="light"] .dop-odznaka.locked { background: var(--k-latte); border-color: var(--k-linia); color: var(--k-espresso50); }
/* celebracja (#dop-celebr) + gablota (#dop-gablota) — dopamina.js wstrzykuje ciemne #0a0f24; FIX 21.07: były złe selektory .dop-modal (nie istnieje) → prawdziwe id */
[data-theme="light"] #dop-celebr .box { background: linear-gradient(135deg, var(--k-pianka), var(--k-papier)); border-color: var(--k-ochra); box-shadow: 0 0 40px -18px rgba(143,106,30,.4); }
[data-theme="light"] #dop-celebr .tyt { color: var(--k-ochra); }
[data-theme="light"] #dop-celebr .ranga { color: var(--k-espresso); }
[data-theme="light"] #dop-celebr .mini span { background: var(--k-mleko); border-color: var(--k-linia); color: var(--k-espresso50); }
[data-theme="light"] #dop-celebr button { background: var(--k-ochra); color: var(--k-mleko); }
[data-theme="light"] #dop-gablota .box { background: var(--k-pianka); border-color: var(--k-ochra); }
[data-theme="light"] #dop-gablota h3 { color: var(--k-ochra); }
[data-theme="light"] #dop-gablota .pod { color: var(--k-espresso50); }
[data-theme="light"] #dop-gablota .wpis { background: var(--k-mleko); border-color: var(--k-linia); }
[data-theme="light"] #dop-gablota .wpis.on { border-color: var(--k-ochra); }
[data-theme="light"] #dop-gablota .wpis .nz { color: var(--k-espresso); }
[data-theme="light"] #dop-gablota .wpis .op { color: var(--k-espresso50); }
[data-theme="light"] #dop-gablota .zamknij { border-color: var(--k-linia); color: var(--k-espresso50); }

/* modal AUTH — #auth-error/#auth-success mają inline ciemne tło (#1a0808/#081a08) → !important, kartka róż/szałwia */
[data-theme="light"] #auth-error { background: var(--k-roz-bg) !important; color: var(--k-roz-tx) !important; }
[data-theme="light"] #auth-success { background: var(--k-szalwia-bg) !important; color: var(--k-szalwia-tx) !important; }

/* ═══════════════ NAV-AUTH (Kup dostęp / login / panel / user) — inline style → !important ═══════════════ */
[data-theme="light"] .nav-cta { background: var(--k-terakota) !important; color: var(--k-mleko) !important; }
[data-theme="light"] #nav-btn-login { background: rgba(67,54,43,.06) !important; color: var(--k-espresso) !important; border-color: var(--k-linia) !important; }
[data-theme="light"] #nav-btn-panel { color: var(--k-espresso) !important; border-color: var(--k-linia) !important; }
[data-theme="light"] #nav-btn-logout { color: var(--k-espresso50) !important; border-color: var(--k-linia) !important; }
[data-theme="light"] #nav-user-info { color: var(--k-espresso50) !important; }
/* „Kup dostęp" w kursie = inline #7c3aed (bez klasy) → terakota przez selektor atrybutu */
[data-theme="light"] nav a[href="/paywall/"] { background: var(--k-terakota) !important; color: var(--k-mleko) !important; }

/* ═══════════════ PASEK RANG + KROKOMIERZ (#basic-rang-bar/#basic-meta) — koniec ciemnego #07071a ═══════════════ */
[data-theme="light"] #basic-rang-bar, [data-theme="light"] #basic-meta { background: var(--k-pianka); border-bottom-color: var(--k-linia); }
[data-theme="light"] #basic-rang-nazwa { color: var(--k-espresso900); }
[data-theme="light"] .basic-rang-progress { background: var(--k-latte); }
[data-theme="light"] .basic-rang-fill { background: var(--k-szalwia-solid); }
[data-theme="light"] #basic-rang-licznik { color: var(--k-espresso50); }
[data-theme="light"] #basic-rang-reset, [data-theme="light"] #basic-odznaki-btn { border-color: var(--k-linia); color: var(--k-espresso50); }
[data-theme="light"] #basic-rang-reset:hover, [data-theme="light"] #basic-odznaki-btn:hover { border-color: var(--k-terakota); color: var(--k-terakota-tx); }

/* teoria = ten sam jasny co ćwiczenia (mleko) — spójna powierzchnia czytania/praktyki */
[data-theme="light"] .teoria, [data-theme="light"] .wyjasnienie-blok, [data-theme="light"] .cwiczenie-auto { background: var(--k-mleko); }

/* ═══════════════ PROTOTYP „radość jak na Głównej" (A) — cappuccino ożywione (2026-07-21) ═══════════════
   Cel: koniec „mdłości" — pasek się wyodrębnia, przyciski wołają, tytuły mają mazak. Wszystko var(--k-*). */
/* (1) pasek górny JAŚNIEJSZY niż papier + lekki cień = wyodrębnienie (koniec zlewania) */
[data-theme="light"] nav, [data-theme="light"] #basic-rang-bar, [data-theme="light"] #basic-meta {
  background: var(--k-pasek); box-shadow: 0 1px 0 var(--k-linia), 0 3px 9px -6px rgba(46,36,28,.28);
}
/* (2) żółty mazak pod tytułem — ZDJĘTY na życzenie właściciela (21.07) */
/* (3) przyciski nawigacji = TERAKOTA (pop; wcześniej mleko na mleku = niewidoczne). btn-start zostaje szałwią. */
[data-theme="light"] .btn-lekcja { background: var(--k-mleko); border-color: var(--k-terakota); color: var(--k-terakota-tx); }
[data-theme="light"] .btn-lekcja:hover { background: var(--k-terakota); color: var(--k-mleko); border-color: var(--k-terakota); }
/* (4) tytuły sekcji = terakota (były przygaszone espresso50) */
[data-theme="light"] .sekcja-title { color: var(--k-terakota-tx); }
/* (5) OKNA KODU (demo cwa-ro + edytor/luki/parsons/inputy praktyki) = jaśniejsze niż karty (--k-kod-bg) — tylko kod popuje */
[data-theme="light"] pre.cwa-ro, [data-theme="light"] .cwa-editor, [data-theme="light"] .cwa-lukakod,
[data-theme="light"] .cwa-parsons, [data-theme="light"] .cwa-try-inp, [data-theme="light"] .cwa-try-stdin { background: var(--k-kod-bg); }

/* ═══════════════ KOD — JEDEN font + JEDNE kolory wszędzie (koniec bałaganu: Prism narzucał Consolas + ciemne kolory) ═══════════════ */
[data-theme="light"] pre[class*="language-"], [data-theme="light"] code[class*="language-"],
[data-theme="light"] .cwa-editor, [data-theme="light"] .cwa-rokod, [data-theme="light"] pre.cwa-ro code,
[data-theme="light"] .cwa-lukakod, [data-theme="light"] .cwa-parsons, [data-theme="light"] .cwa-pline code,
[data-theme="light"] .terminal-out, [data-theme="light"] .quiz-code-blok, [data-theme="light"] code:not([class]) {
  font-family: 'Courier New', monospace !important;
}
/* kolory składni = --k-kod-* (nadpisanie Prism-tomorrow, który daje ciemnomotywowe barwy na jasnym) */
[data-theme="light"] .token.keyword, [data-theme="light"] .token.boolean, [data-theme="light"] .token.builtin { color: var(--k-kod-keyword) !important; }
[data-theme="light"] .token.string, [data-theme="light"] .token.char, [data-theme="light"] .token.triple-quoted-string { color: var(--k-kod-string) !important; }
[data-theme="light"] .token.function { color: var(--k-kod-fn) !important; }
[data-theme="light"] .token.number { color: var(--k-kod-num) !important; }
[data-theme="light"] .token.comment, [data-theme="light"] .token.prolog { color: var(--k-kod-comment) !important; }
[data-theme="light"] .token.operator, [data-theme="light"] .token.punctuation { color: var(--k-kod-op) !important; }