@font-face {
	font-family: "Nunito";
	font-style: normal;
	font-weight: 500 800;
	font-display: swap;
	src: url("../fonts/nunito-cyrillic.woff2") format("woff2");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: "Nunito";
	font-style: normal;
	font-weight: 500 800;
	font-display: swap;
	src: url("../fonts/nunito-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: "Nunito";
	font-style: normal;
	font-weight: 500 800;
	font-display: swap;
	src: url("../fonts/nunito-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: "Neucha";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/neucha-cyrillic.woff2") format("woff2");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: "Neucha";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/neucha-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: "Pangolin";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/pangolin-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Pangolin";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/pangolin-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: "Comfortaa";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/comfortaa-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: "Comfortaa";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/comfortaa-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: "Comfortaa";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/comfortaa-cyrillic.woff2") format("woff2");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: "Nunito Fallback";
	font-weight: 100 549;
	src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("Arimo");
	size-adjust: 102.32%;
	ascent-override: 98.81%;
	descent-override: 34.5%;
	line-gap-override: 0%;
}

@font-face {
	font-family: "Nunito Fallback";
	font-weight: 550 649;
	src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("Arimo Bold");
	size-adjust: 96.43%;
	ascent-override: 104.84%;
	descent-override: 36.61%;
	line-gap-override: 0%;
}

@font-face {
	font-family: "Nunito Fallback";
	font-weight: 650 749;
	src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("Arimo Bold");
	size-adjust: 98.52%;
	ascent-override: 102.62%;
	descent-override: 35.83%;
	line-gap-override: 0%;
}

@font-face {
	font-family: "Nunito Fallback";
	font-weight: 750 900;
	src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("Arimo Bold");
	size-adjust: 100.76%;
	ascent-override: 100.34%;
	descent-override: 35.03%;
	line-gap-override: 0%;
}

@font-face {
	font-family: "Comfortaa Fallback";
	font-weight: 700;
	src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("Arimo Bold");
	size-adjust: 117.72%;
	ascent-override: 74.84%;
	descent-override: 19.88%;
	line-gap-override: 0%;
}

:root {
	--color-white: #ffffff;
	--color-cyan-200: #8fe4ef;
	--color-teal-50: #f2fbfc;
	--color-teal-100: #dff2f6;
	--color-teal-200: #cde9ee;
	--color-teal-300: #8fd9e2;
	--color-teal-500: #00b3c7;
	--color-teal-600: #009fb1;
	--color-teal-700: #00778a;
	--color-teal-800: #00566b;
	--color-teal-950: #12414c;
	--color-slate-400: #8a9ca3;
	--color-slate-500: #5d7078;
	--color-slate-700: #4a565c;
	--color-slate-800: #3d4a51;
	--color-slate-900: #222b30;
	--color-slate-950: #19232a;
	--color-yellow-50: #fdf3d0;
	--color-yellow-100: #fbefcd;
	--color-yellow-200: #f5e6a8;
	--color-yellow-300: #ecd07a;
	--color-yellow-900: #5f4a0f;
	--color-pink-100: #fbe3ee;
	--color-pink-200: #f9cfe4;
	--color-pink-300: #f2a9c9;
	--color-pink-700: #b03a72;
	--color-green-700: #15803d;
	--color-red-700: #b91c1c;
	--color-lavender-100: #e7ecf2;
	--color-lavender-200: #cfd7e3;
	--color-peach-100: #fbe4d3;
	--color-peach-200: #f0cdb0;
	--color-sand-50: #fdf8ec;

	--font-sans: "Nunito", "Nunito Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
	--font-logo: "Comfortaa", "Comfortaa Fallback", "Nunito", sans-serif;
	--font-hand: "Neucha", "Segoe Print", "Bradley Hand", cursive;

	--text-xs: 0.75rem;
	--text-sm: 0.875rem;
	--text-base: 1rem;
	--text-lg: 1.125rem;
	--text-xl: 1.25rem;
	--text-2xl: 1.5rem;
	--text-3xl: 1.875rem;
	--text-4xl: 2.25rem;
	--text-5xl: 3rem;
	--text-6xl: 3.75rem;
	--text-7xl: 4.5rem;
	--text-8xl: 6rem;

	--font-weight-normal: 400;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-weight-extrabold: 800;

	--leading-tight: 1.2;
	--leading-snug: 1.3;
	--leading-normal: 1.5;
	--leading-relaxed: 1.6;
	--leading-loose: 1.7;

	--tracking-wide: 0.09em;
	--tracking-wider: 0.14em;

	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.25rem;
	--space-6: 1.5rem;
	--space-7: 1.75rem;
	--space-8: 2rem;
	--space-10: 2.5rem;
	--space-12: 3rem;
	--space-16: 4rem;
	--space-24: 6rem;
	--space-32: 8rem;
	--space-40: 10rem;

	--radius-sm: 0.25rem;
	--radius-md: 0.5rem;
	--radius-lg: 0.75rem;
	--radius-xl: 1rem;
	--radius-2xl: 1.5rem;
	--radius-3xl: 2rem;
	--radius-full: 9999px;

	--shadow-sm: 0 2px 12px color-mix(in srgb, var(--color-teal-950) 8%, transparent);
	--shadow-md: 0 10px 26px color-mix(in srgb, var(--color-teal-950) 9%, transparent);
	--shadow-lg: 0 20px 40px color-mix(in srgb, var(--color-teal-950) 16%, transparent);
	--shadow-accent: 0 10px 24px color-mix(in srgb, var(--color-teal-500) 28%, transparent);

	--ease-out: cubic-bezier(0.22, 0.8, 0.28, 1);
	--duration-fast: 0.2s;
	--duration-base: 0.28s;
	--duration-slow: 1s;

	--container: 70rem;
	--container-wide: 87.5rem;

	--color-bg: var(--color-white);
	--color-bg-soft: var(--color-teal-50);
	--color-bg-paper: var(--color-sand-50);
	--color-surface: var(--color-white);
	--color-text: var(--color-slate-900);
	--color-text-heading: var(--color-slate-700);
	--color-text-body: var(--color-slate-800);
	--color-text-muted: var(--color-slate-500);
	--color-text-faint: var(--color-slate-400);
	--color-text-strong: var(--color-teal-950);
	--color-line: var(--color-teal-200);
	--color-line-soft: var(--color-teal-100);
	--color-accent: var(--color-teal-500);
	--color-accent-hover: var(--color-teal-600);
	--color-accent-strong: var(--color-teal-700);
	--color-accent-soft: var(--color-teal-100);
	--color-danger: var(--color-pink-700);
	--color-status-open: var(--color-green-700);
	--color-status-closed: var(--color-red-700);
	--color-focus: var(--color-teal-700);
	--color-overlay: color-mix(in srgb, var(--color-teal-950) 45%, transparent);
	--color-accent-light: var(--color-teal-300);
	--color-accent-deep: var(--color-teal-800);
	--color-shadow: var(--color-teal-950);
	--color-night: var(--color-slate-900);
	--color-night-deep: var(--color-slate-950);
	--color-highlight: var(--color-yellow-200);
	--color-highlight-cool: var(--color-cyan-200);
	--color-note: var(--color-yellow-100);
	--color-paper: var(--color-yellow-50);
	--color-on-dark-muted: var(--color-teal-100);

	--fs-display: var(--text-7xl);
	--fs-h1: var(--text-6xl);
	--fs-h2: var(--text-5xl);
	--fs-h3: var(--text-3xl);
	--fs-card-title: var(--text-xl);
	--fs-lead: var(--text-lg);
	--fs-body: var(--text-base);
	--fs-small: var(--text-sm);
	--fs-caption: var(--text-xs);
	--fs-button: var(--text-base);

	--space-section: var(--space-24);
	--space-head: var(--space-12);
	--space-card: var(--space-6);
	--gutter: var(--space-16);
}

@media (max-width: 980px) {
	:root {
		--fs-h1: var(--text-5xl);
		--fs-h2: var(--text-4xl);
		--space-section: var(--space-16);
		--gutter: var(--space-8);
	}
}

@media (max-width: 760px) {
	:root {
		--fs-h1: var(--text-4xl);
		--fs-h2: var(--text-3xl);
		--fs-h3: var(--text-2xl);
		--fs-card-title: var(--text-lg);
		--space-head: var(--space-10);
		--gutter: var(--space-6);
	}
}

@media (max-width: 400px) {
	:root {
		--space-section: var(--space-12);
		--gutter: var(--space-4);
	}
}

:root:lang(pl) {
	--font-hand: "Pangolin", "Segoe Print", "Bradley Hand", cursive;
}