/*
 * FabrykaCmyka 2.0 — design tokens + bazowy reset.
 * Źródło: README handoffu design_handoff_fabrykacmyka_2.0.
 * Komponenty (sekcje podstron, header, stopka) stylują wtyczki — tu tylko zmienne,
 * kontener .fc2 i minimalny reset.
 */

:root {
	/* Marka */
	--fc-yellow: #FFDE2C;
	--fc-yellow-deep: #F5C400;
	--fc-magenta: #C800A7;
	--fc-magenta-d: #a90b8f;
	--fc-cyan: #6EC1E4;
	--fc-cyan-soft: #A2D9DA;

	/* Tekst / neutralne */
	--fc-ink: #2B2B2B;
	--fc-text: #54595F;
	--fc-soft: #7A7A7A;
	--fc-border: #ECECEC;
	--fc-bg-soft: #F7F8F8;

	/* Tła ciemne */
	--fc-dark: #141418;      /* sekcje / hero */
	--fc-card: #1c1c22;      /* karty na ciemnym */
	--fc-card-2: #26262f;    /* karty jaśniejsze */
	--fc-footer: #0e0e12;    /* stopka */

	/* Typografia */
	--fc-font-head: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--fc-font-body: 'Lato', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Reset bazowy */
*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: var(--fc-font-body);
	color: var(--fc-text);
	background: #fff;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* Kontener treści 2.0 — 1440 max, padding 56px, container queries jak w handoffcie. */
.fc2 {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 56px;
	container-type: inline-size;
	container-name: fc2;
}

@media (max-width: 1080px) {
	.fc2 {
		padding: 0 32px;
	}
}

/* Widoki sklepu PrintCore (.fc-root) mają WŁASNE guttery — na telefonie 32px motywu
   + wewnętrzne paddingi modułu zjadały połowę ekranu (zgłoszenie właściciela: Moje konto). */
@media (max-width: 680px) {
	.fc2:has(.fc-root) {
		padding: 0;
	}
}