/* ========================================================= Fizjoterapia Piotr Bucki — demo Paleta przeniesiona z istniejącej marki: #0071BC, #1B1464 ========================================================= */ :root { /* Marka (identity-preservation: kolory z logo klienta) */ --blue: oklch(0.556 0.153 249.5); /* #0071BC */ --blue-deep: oklch(0.44 0.145 252); --blue-bright: oklch(0.68 0.145 236); /* #00AAEA */ --navy: oklch(0.268 0.135 279); /* #1B1464 */ --navy-soft: oklch(0.36 0.115 274); /* Neutralne, lekko podbarwione w stronę marki (chroma ~0.008) */ --bg: oklch(0.995 0.002 250); --surface: oklch(0.975 0.006 245); --surface-2: oklch(0.945 0.011 243); --line: oklch(0.885 0.014 245); --ink: oklch(0.245 0.028 258); --ink-mid: oklch(0.435 0.026 256); --ink-soft:oklch(0.545 0.024 255); --on-dark: oklch(0.985 0.004 250); --on-dark-soft: oklch(0.845 0.022 250); /* Typografia */ --font-display: "Barlow Condensed", "Arial Narrow", sans-serif; --font-body: Signika, "Segoe UI", system-ui, sans-serif; --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem); --step-1: clamp(1.2rem, 1.12rem + 0.4vw, 1.45rem); --step-2: clamp(1.6rem, 1.4rem + 0.9vw, 2.1rem); --step-3: clamp(2.1rem, 1.75rem + 1.7vw, 3.1rem); --step-4: clamp(2.35rem, 1.55rem + 3.4vw, 5rem); /* Rytm */ --pad-x: clamp(1.25rem, 5vw, 5rem); --pad-y: clamp(4rem, 9vh, 7.5rem); --wrap: 1240px; --radius: 14px; --shadow-sm: 0 1px 2px oklch(0.28 0.06 258 / 0.07), 0 3px 10px oklch(0.28 0.06 258 / 0.05); --shadow-md: 0 2px 4px oklch(0.28 0.06 258 / 0.06), 0 14px 34px oklch(0.28 0.06 258 / 0.10); --shadow-lg: 0 4px 8px oklch(0.28 0.06 258 / 0.07), 0 26px 60px oklch(0.28 0.06 258 / 0.14); --ease: cubic-bezier(0.22, 1, 0.36, 1); /* Skala warstw */ --z-sticky: 100; --z-fab: 200; --z-header: 300; --z-nav-panel: 400; --z-modal: 500; } /* ---------- Reset ---------- */ *, *::before, *::after { box-sizing: border-box; } * { margin: 0; } html { scroll-behavior: smooth; scroll-padding-top: 5.5rem; -webkit-text-size-adjust: 100%; } body { background: var(--bg); color: var(--ink); font-family: var(--font-body); font-size: var(--step-0); line-height: 1.68; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Bezpiecznik przeciw poziomemu scrollowi. UWAGA: overflow-x na ORAZ tworzy kontekst przycinający dla position:fixed, przez co panel menu kotwiczył się do body zamiast do viewportu i wystawał poza ekran. Dlatego clip trafia na

i