/*
 * CitySound — BAZA
 * Reset i typografia globalna wg design systemu (reference/tokens/base.css).
 * Ładowana globalnie — cały serwis przechodzi na nowy system.
 */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--fw-body);-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--text-strong);margin:0;font-weight:var(--fw-display);letter-spacing:var(--ls-heading);line-height:var(--lh-heading);text-wrap:balance}
h1{font-size:var(--fs-h1);letter-spacing:var(--ls-display)}
h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-h4);font-weight:var(--fw-bold)}
p{margin:0 0 var(--sp-4)}
a{color:var(--brand-strong);text-decoration:none;transition:var(--t-control)}
a:hover{color:var(--brand)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 4px var(--focus-ring)}
img{max-width:100%;height:auto;display:block}
button{font:inherit}
[hidden]{display:none!important}
::selection{background:var(--cs-red-100);color:var(--cs-red-900)}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Pomocnicze z prototypu (Shell.jsx) */
.cs-wrap--wide{max-width:var(--container-wide)}
.cs-section--sunken{background:var(--surface-sunken)}
.cs-on-dark{color:var(--text-on-dark)}
.cs-on-dark h1,.cs-on-dark h2,.cs-on-dark h3,.cs-on-dark h4{color:var(--text-on-dark)}
.cs-on-dark .cs-lead{color:var(--text-on-dark-muted)}
.cs-muted{color:var(--text-muted)}
.cs-stack{display:flex;flex-direction:column}
.cs-row{display:flex;align-items:center}
.cs-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Ujawnianie przy scrollu — 16px, stagger 60ms, wg tokens/motion.css */
.cs-reveal{opacity:0;transform:translateY(16px);transition:opacity var(--dur-reveal) var(--ease-out),transform var(--dur-reveal) var(--ease-out)}
.cs-reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.cs-reveal{opacity:1;transform:none}}