/* EFFEKT — Wariant B „Nowoczesny": grotesk Bricolage, chłodna paleta, ciemne sekcje kontrastowe. */
body.theme-b{
  --container-w:1200px;
  --container-narrow:900px;
  --container-mid:920px;

  --font-display:'Bricolage Grotesque','Hanken Grotesk',sans-serif;
  --font-body:'Hanken Grotesk',system-ui,sans-serif;
  --display-weight:700;
  --logo-weight:800;
  --logo-track:-.01em;
  --h1-weight:800;
  --h1-size:clamp(40px,7vw,78px);
  --h1-lh:.98;
  --h1-track:-.03em;
  --h1-accent-style:normal;
  --h2-track:-.02em;

  --bg:#EEF0F4;
  --bg-rgb:238,240,244;
  --bg-alt:#F4F6F9;
  --surface:#fff;
  --ink:#14161B;
  --ink-body:#4A4F5A;
  --ink-soft:#565B66;
  --ink-mute:#9AA0AC;
  --nav-ink:#3A3F4A;

  --brand:#0F2444;
  --brand-hover:#16315C;
  --brand-rgb:15,36,68;
  --on-brand:#fff;
  --accent:#2F6BFF;
  --accent-hover:#1B57F0;
  --accent-soft:#7AA0FF;
  --accent-rgb:47,107,255;
  --red:#E11D2A;
  --red-rgb:225,29,42;
  --muted-label:#8A909C;

  --sel-bg:#2F6BFF;
  --sel-ink:#fff;
  --eyebrow-line:var(--accent);
  --dd-hover:#F1F3F7;

  --btn-primary-bg:var(--accent);
  --btn-primary-ink:#fff;
  --btn-primary-hover:var(--accent-hover);
  --btn-primary-shadow:0 14px 30px -12px rgba(47,107,255,.7);

  --arena-bg:linear-gradient(135deg,#0F2444 0%,#16315C 100%);
  --arena-bg-fill:linear-gradient(120deg,#0F2444 0%,#16315C 100%);
  --arena-border:transparent;
  --arena-radius:26px;
  --arena-shadow:0 40px 80px -40px rgba(15,36,68,.6);
  --arena-dot:rgba(255,255,255,.10);
  --arena-hint-bg:rgba(10,22,45,.55);
  --arena-hint-ink:#C6D0E2;
  --arena-tag-ink:#7AA0FF;

  --ph-g1:#E7ECF3;
  --ph-g2:#DCE3EC;
  --ph-flat:#E7ECF3;
  --ph-flat-2:#DCE3EC;
  --footer-bg:#0A1A33;
  --gallery-min:220px;

  /* animacje hero (na ciemnej arenie) */
  --anim-w1:#FFFFFF; --anim-w2:#7AA0FF; --anim-w3:#FF6B72; --anim-w4:#C6D0E2;
  --anim-line-rgb:255,255,255;
  --anim-cur-rgb:122,160,255;
  --anim-dot:#7AA0FF;
  --anim-node:#FF6B72;
  --globe-g1:#7FA4F2; --globe-g2:#2F6BFF; --globe-g3:#10245A;
  --globe-outline:rgba(255,255,255,.25);
  --globe-grid:rgba(255,255,255,.22);
}

/* --- Logo: jeden wiersz, gruby grotesk --- */
body.theme-b .logo__sub{display:none}
body.theme-b .logo__name{font-size:21px}

/* --- Eyebrow: „/" zamiast kreski --- */
body.theme-b .eyebrow__line{display:none}
body.theme-b .eyebrow__text::before{content:"/ ";color:var(--accent)}

/* --- Hero --- */
body.theme-b .hero__switcher{justify-content:center}
body.theme-b .hero__badges{display:none}
body.theme-b .btn__call-prefix{display:none}
body.theme-b .arena__hint{border-color:rgba(255,255,255,.10)}
body.theme-b .arena__hint-dot{background:var(--accent-soft)}
body.theme-b .arena__tag{font-style:normal;font-weight:600;letter-spacing:.04em}
body.theme-b .hero-immersive__scrim{background:linear-gradient(96deg,rgba(10,22,45,.92) 0%,rgba(10,22,45,.78) 30%,rgba(10,22,45,.35) 55%,rgba(10,22,45,0) 78%)}
body.theme-b .hero-immersive .hero__h1,
body.theme-b .hero-full .hero__h1{color:#fff}
body.theme-b .hero-immersive .hero__lead,
body.theme-b .hero-full .hero__lead{color:#C6D0E2}
body.theme-b .hero-immersive .eyebrow__text,
body.theme-b .hero-full .eyebrow__text{color:#9FB6E8}
body.theme-b .hero-immersive .btn--ghost,
body.theme-b .hero-full .btn--ghost{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08)}
body.theme-b .hero-immersive .btn--ghost:hover,
body.theme-b .hero-full .btn--ghost:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.5)}
body.theme-b .hero-full__scrim{background:radial-gradient(75% 75% at 26% 50%,rgba(10,22,45,.88) 0%,rgba(10,22,45,.62) 38%,rgba(10,22,45,.15) 72%,transparent 100%)}

/* --- Galeria: bez ramek, ciaśniej --- */
body.theme-b .gallery-item{border:none}

/* --- Metoda: sekcja biała, numery konturowe --- */
body.theme-b .sec-method{background:var(--surface)}
body.theme-b .sec-method .eyebrow__text{color:var(--muted-label)}
body.theme-b .sec-method .sec-h2{color:var(--brand)}
body.theme-b .sec-method .sec-p{color:var(--ink-body)}
body.theme-b .method-card{background:var(--bg-alt);border-color:transparent}
body.theme-b .method-card__num{font-style:normal;font-weight:800;font-size:40px;color:transparent;-webkit-text-stroke:1.5px var(--accent)}
body.theme-b .method-card__title{color:var(--brand)}
body.theme-b .method-card__desc{color:var(--ink-soft)}

/* --- Kursy: duży indeks, meta-pigułka, ✓ zamiast rombów --- */
body.theme-b .course-card__idx{display:inline}
body.theme-b .course-card__tag{background:transparent;padding:0;color:var(--muted-label)}
body.theme-b .course-card__meta{background:#F1F3F7;padding:6px 11px;border-radius:100px;color:var(--ink-soft)}
body.theme-b .flip-card:hover .course-card{box-shadow:0 36px 70px -38px rgba(15,36,68,.4)}
body.theme-b .course-card__points li::before{content:"✓";width:auto;height:auto;background:none;border-radius:0;transform:none;margin-top:0;color:var(--accent);font-weight:700;font-size:13px}
body.theme-b .course-back__tag{color:var(--accent-soft)}
body.theme-b .btn--back-primary{background:var(--accent);color:#fff;box-shadow:0 14px 30px -12px rgba(47,107,255,.7)}

/* --- Lektorzy: sekcja biała --- */
body.theme-b .sec-teachers{background:var(--surface)}
body.theme-b .teacher-card__ph{border-color:transparent}

/* --- Cennik: sekcja ciemna, wyróżniony wiersz --- */
body.theme-b .sec-pricing{background:var(--brand)}
body.theme-b .sec-pricing .eyebrow__text{color:#9FB6E8}
body.theme-b .sec-pricing .sec-h2{color:#fff}
body.theme-b .discount-box{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
body.theme-b .discount-box__value{color:var(--accent-soft)}
body.theme-b .discount-box__title{color:#fff}
body.theme-b .discount-box__desc{color:#AEBAD0}
body.theme-b .pricing-note{color:#8C99B4}
body.theme-b .pricing-table{border-color:transparent}
body.theme-b .pricing-row--hl{background:#EEF4FF}
body.theme-b .pricing-row--hl .pricing-row__price{color:var(--accent)}

/* --- Wynajem: sekcja biała --- */
body.theme-b .sec-rooms{background:var(--surface)}
body.theme-b .room-card{border-color:rgba(15,36,68,.08);background:var(--bg-alt)}
body.theme-b .room-card__cap{background:#E7ECF3}

/* --- FAQ: nagłówek do lewej, pasek akcentu --- */
body.theme-b .sec-faq{background:transparent}
body.theme-b .sec-head--faq{text-align:left}
body.theme-b .sec-head--faq .eyebrow{display:flex}
body.theme-b .faq-item{border-left:3px solid transparent;transition:border-color .25s}
body.theme-b .faq-item[open]{border-left-color:var(--accent)}
body.theme-b .faq-item[open] .faq-item__sign{background:var(--accent);color:#fff}

/* --- Kontakt: sekcja ciemna --- */
body.theme-b .sec-contact{background:var(--brand)}
body.theme-b .sec-contact .eyebrow__text{color:#9FB6E8}
body.theme-b .sec-contact .sec-h2{color:#fff}
body.theme-b .sec-contact .sec-p{color:#C6D0E2}
body.theme-b .contact-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
body.theme-b a.contact-card:hover{border-color:rgba(255,255,255,.35)}
body.theme-b .contact-card__lbl{color:#9FB6E8}
body.theme-b .contact-card__val{color:#fff}
body.theme-b .contact-card__ico--brand{background:var(--accent);color:#fff}
body.theme-b .map-frame{border-color:rgba(255,255,255,.15);box-shadow:0 30px 60px -38px rgba(0,0,0,.5)}

/* --- Stopka: jeszcze ciemniejsza --- */
body.theme-b .site-footer__name{letter-spacing:-.01em}