/*
Theme Name: MBC - Matura bez chaosu
Author: dawidweb.com
Description: Motyw platformy "Matura z polskiego bez chaosu" wg projektu Claude Design (system modernist). Białe tło, granat atramentowy, akcent ceglasty. Source Serif 4 + Inter.
Version: 0.3
*/

/* Paleta z projektu Claude Design (BIAŁE tło, nie kremowe) */
:root{
  --paper:#FFFFFF; --paper-2:#EEF0F3; --white:#FFFFFF;
  --navy:#1E2A44; --navy-dk:#161F33; --ink:#1E2A44; --ink-2:#2E3A54; --soft:#5B6478; --muted:#5F6980;
  --line:#E4E6EA; --line-2:#D3D6DC;
  --brick:#C15239; --brick-dk:#A5432D; --brick-soft:#F1E1D9;
  --ok:#2F6650; --warn:#C98A2B; --err:#B23B34; --info:#3A4E7A;
  --serif:'Source Serif 4',Georgia,serif; --sans:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#FFFFFF;color:var(--navy);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}
::selection{background:var(--brick-soft);color:var(--navy)}
a{color:var(--brick);text-decoration:none}
a:hover{color:var(--brick-dk)}
img,svg{max-width:100%}

.mbc-stagebar{background:#161F33;color:#fff;font-family:var(--sans);font-size:12px;letter-spacing:.05em;text-align:center;padding:6px 10px}
/* bez poziomego scrolla na mobile (dekoracyjne sceny nie wypychają strony) */
html,body{overflow-x:hidden}
.hm,.mb,.su,.mbpg{overflow-x:clip}

/* Bazowe elementy (używane m.in. przez index.php / fallbacki) */
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.prose{max-width:660px}
h1,h2,h3{font-family:var(--serif);color:var(--navy);font-weight:700;margin:0 0 .5em;line-height:1.15}
/* FIX kolizji specyficzności: w sekcjach z projektu Claude Design nagłówki (i akapity) dziedziczą kolor sekcji, żeby nie było granat-na-granacie */
.hm :where(h1,h2,h3,h4,p),.mb :where(h1,h2,h3,h4,p),.su :where(h1,h2,h3,h4,p),.mbpg :where(h1,h2,h3,h4,p){color:inherit}
h1{font-size:clamp(28px,4vw,44px)} h2{font-size:clamp(22px,3vw,34px)} h3{font-size:1.2rem}
p{margin:0 0 1em;color:var(--ink-2)}
.eyebrow{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brick)}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:600;font-size:16px;min-height:52px;padding:15px 28px;border-radius:10px;text-decoration:none;border:none;cursor:pointer;transition:background .12s,transform .12s}
.btn-primary{background:var(--brick);color:#fff !important;box-shadow:0 2px 8px rgba(193,82,57,.22)}
.btn-primary:hover{background:var(--brick-dk);transform:translateY(-1px)}
.btn-ghost,.btn-secondary{background:transparent;color:var(--navy) !important;border:1.5px solid var(--navy)}
.btn-ghost:hover,.btn-secondary:hover{background:rgba(30,42,68,.05)}

/* A11y: widoczny fokus klawiatury na WSZYSTKICH elementach interaktywnych (nie tylko .hm-btn) */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid var(--navy);outline-offset:2px;border-radius:2px}
/* dekoracyjne SVG (strzalki/checki) nie ogloszone przez czytnik ekranu */
.hm svg[aria-hidden],.mb svg[aria-hidden]{}