/* ==========================================================================
   Versilo: tokeny
   Paleta z wnętrza salonu: ciepła sosna, kość, mosiądz. Zero czystej bieli
   i czerni, obie czytają się tanio na ekranie. Zaokrąglenia rosną z hierarchią:
   kontrolki to pigułki, kafle 18 px, duże powierzchnie (panel, karty) 28 px.
   ========================================================================== */

@font-face {
	font-family: 'Instrument Serif';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/instrument-serif-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Instrument Serif';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/instrument-serif-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Instrument Serif';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/instrument-serif-italic-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Instrument Serif';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/instrument-serif-italic-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url('../fonts/inter-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url('../fonts/inter-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	/* --- Kolor --- */
	--ink: #111113;
	--ink-80: #3a3a40;
	--muted: #6b6a71;
	--muted-soft: #9a9aa2;
	--paper: #fbfaf8;
	--bone: #f4f1eb;
	--stone: #ebe5db;
	--sand: #eee9e1;
	--line: #e4ded4;
	--line-strong: #d2cabd;
	--brass: #9a7b4f;
	--brass-soft: #c9ae84;
	/* Mosiądz jako tekst na jasnym tle potrzebuje ciemniejszego wariantu (4.5:1). */
	--brass-ink: #7a6140;
	--brass-wash: #f3ece1;
	--ok: #2f7a4d;
	--ok-wash: #e4f1e8;
	--bad: #a5342c;

	/* Na ciemnym tle odwracamy tylko te tokeny, reszta zostaje. */
	--on-dark: #f4f1eb;
	--on-dark-muted: #a3a09a;
	--on-dark-line: #2e2e33;
	--dark-raise: #1b1b1f;

	/* Szkło: nagłówek po przewinięciu, pasek zakładek, pigułki nad wideo. */
	--glass: color-mix(in srgb, var(--paper) 78%, transparent);
	--glass-dark: rgba(20, 20, 22, 0.42);
	--blur: blur(18px) saturate(1.4);

	/* --- Kształt --- */
	--r-xs: 8px;
	--r-sm: 12px;
	--r: 18px;
	--r-lg: 28px;
	--r-pill: 999px;

	--shadow-1: 0 1px 2px rgba(28, 22, 12, 0.05), 0 6px 18px -10px rgba(28, 22, 12, 0.18);
	--shadow-2: 0 2px 6px rgba(28, 22, 12, 0.06), 0 28px 60px -28px rgba(28, 22, 12, 0.38);
	--shadow-3: 0 40px 90px -30px rgba(10, 8, 4, 0.55);

	/* --- Typografia --- */
	--font-display: 'Instrument Serif', 'Times New Roman', Times, serif;
	--font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

	--fs-2xs: 0.6875rem;
	--fs-xs: 0.75rem;
	--fs-sm: 0.875rem;
	--fs-base: clamp(0.95rem, 0.9rem + 0.2vw, 1.0625rem);
	--fs-lg: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
	--fs-xl: clamp(1.3rem, 1.1rem + 0.8vw, 1.65rem);
	--fs-h3: clamp(1.5rem, 1.2rem + 1.2vw, 2.1rem);
	--fs-h2: clamp(2rem, 1.35rem + 2.6vw, 3.6rem);
	--fs-h1: clamp(2.6rem, 1.4rem + 5vw, 5.75rem);

	--lh-tight: 0.98;
	--lh-snug: 1.1;
	--lh-body: 1.6;
	--ls-tight: -0.02em;

	/* --- Rytm --- */
	--s-1: 0.25rem;
	--s-2: 0.5rem;
	--s-3: 0.75rem;
	--s-4: 1rem;
	--s-5: 1.5rem;
	--s-6: 2rem;
	--s-7: 3rem;
	--s-8: 4rem;
	--s-9: 6rem;
	--section-y: clamp(3rem, 2rem + 4vw, 6.5rem);

	/* --- Siatka --- */
	--container: 1440px;
	--container-narrow: 860px;
	--gutter: clamp(1rem, 0.4rem + 2.8vw, 4rem);

	/* --- Ruch --- */
	--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
	--ease-spring: cubic-bezier(0.34, 1.36, 0.64, 1);
	--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
	--dur-fast: 0.2s;
	--dur: 0.45s;
	--dur-slow: 0.9s;

	--header-h: 76px;
	--tabbar-h: 0px;
}

@media (max-width: 860px) {
	:root {
		--header-h: 62px;
		--tabbar-h: 64px;
	}
}