/* MK20 design tokens - wyciagniete 1:1 z /Users/newgod/Desktop/AGENT/KOLUSZ/ (maj 2026) */
:root{
  /* kolor */
  --mk-accent:#FECC00;            /* primary yellow */
  --mk-accent-dark:#EEC005;       /* hover/shadow */
  --mk-bg-dark:#08080C;           /* tlo sekcji dark */
  --mk-bg-light:#FFFFFF;
  --mk-bg-cream:#FAFAF7;          /* wariant light uzyty w sekcji trenera */
  --mk-ink-dark:#0A0A0A;          /* tekst na jasnym + tekst NA zoltym */
  --mk-ink-light:#FFFFFF;
  --mk-ink-dim-on-dark:rgba(255,255,255,.72);
  --mk-ink-mute-on-dark:rgba(255,255,255,.45);
  --mk-ink-dim-on-light:rgba(10,10,10,.65);   /* 0.60 / 0.65 / 0.68 wg sekcji */
  --mk-ink-mute-on-light:rgba(10,10,10,.45);
  --mk-line-on-dark:rgba(255,255,255,.12);    /* header: .08, footer: .09 */
  --mk-line-on-light:rgba(10,10,10,.10);
  --mk-line-strong-on-light:rgba(10,10,10,.18);
  --mk-chip-bg:rgba(10,10,10,.04);
  --mk-glass-dark:rgba(255,255,255,.06);
  --mk-ink-on-yellow:#0A0A0A;      /* tekst NA zoltym zawsze ciemny */
  --mk-bg-dark-rgb:8,8,12;         /* do gradientow nad wideo: rgba(var(--mk-bg-dark-rgb),.85) */
  --mk-bg-dark-2:#111116;          /* placeholder kafelka galerii, przeniesiony z oryginalu */
  --mk-accent-tint:rgba(254,204,0,.12);   /* zolte tlo pod odznakami na jasnym */
  --mk-accent-glow:rgba(254,204,0,.4);    /* poswiata przyciskow */
  --mk-overlay:rgba(0,0,0,.55);           /* tlo lightboxa i przyciemnienie zdjec */
  /* typografia */
  --mk-font-display:'Anton',sans-serif;   /* tylko 400 */
  --mk-font-body:'Manrope',sans-serif;    /* 300-800, realnie 400/500/600/700/800 */
  --mk-fs-h1:clamp(72px,10vw,136px);
  --mk-fs-h2:clamp(40px,5vw,72px);
  --mk-fs-h2-alt:clamp(48px,6vw,88px);
  --mk-fs-h3:clamp(22px,2.4vw,32px);
  --mk-fs-card-title:21px;
  --mk-fs-stat:clamp(36px,4vw,56px);
  --mk-fs-lead:17px;
  --mk-fs-body:15px;               /* 14-16 wg sekcji */
  --mk-fs-small:13px;
  --mk-fs-eyebrow:11px;            /* 10px w wariancie mniejszym */
  --mk-lh-display:.9;              /* .9 / .95 dla h2 */
  --mk-lh-body:1.65;
  --mk-ls-display:-.01em;          /* -.005em h2, -.02em liczby, -.05em bignum */
  --mk-ls-eyebrow:.28em;           /* 0.22-0.36em */
  --mk-ls-btn:.05em;
  /* geometria */
  --mk-radius:0;                   /* sport = ostre; jedyne wyjatki: 4px pill w headerze, 50% kropki */
  --mk-wrap-max:1320px;            /* hero/coach: 1280px */
  --mk-gutter-desktop:48px;
  --mk-gutter-1024:32px;
  --mk-gutter-720:24px;            /* hero 720: 20px */
  --mk-section-pad:80px;           /* 96px cennik, 120px 80px pillars/CTA */
  --mk-corner-size:40px;           /* sygnatura: 48px na duzym zdjeciu */
  --mk-corner-width:2px;
  /* ruch */
  --mk-ease-out:cubic-bezier(.16,1,.3,1);
  --mk-ease-inout:cubic-bezier(.65,0,.35,1);
  --mk-ease-soft:cubic-bezier(.25,.46,.45,.94);
  --mk-dur-fast:.2s; --mk-dur:.3s; --mk-dur-reveal:.7s; --mk-dur-marker:.8s;
  /* efekty */
  --mk-blur-glass:20px;            /* 10/12/20/30px w uzyciu */
  --mk-shadow-yellow:0 8px 24px -8px rgba(254,204,0,.5);
  --mk-shadow-card:0 20px 50px -20px rgba(0,0,0,.18);
  --mk-shadow-header:0 4px 20px rgba(0,0,0,.25);
  --mk-grain-opacity:.06;          /* feTurbulence baseFrequency .85, mix-blend-mode:overlay */
  --mk-bignum-color:rgba(254,204,0,.05);
}
/* marker (podkreslenie zolte): linear-gradient(transparent 62%, var(--mk-accent) 62%), animacja background-size 0%->100% */
/* breakpointy: 1024px, 720px (header dodatkowo 782px pod admin-bar) */