/* Świat Zwierząt Premium – identyfikacja całego serwisu (nadpisuje zmienne motywu motyw-z-verseo) */

:root:root {
	--sz-sage: #6f8b6b;
	--sz-sage-deep: #3d5a40;
	--sz-sage-ink: #263a29;
	--sz-sage-soft: #dfe7d7;
	--sz-terra: #c4693f;
	--sz-terra-deep: #9a4527;
	--sz-terra-soft: #f3dccd;
	--sz-ochre: #c9962f;
	--sz-ochre-deep: #77550f;
	--sz-ochre-soft: #f4e5c2;
	--sz-slate: #5f7183;
	--sz-slate-deep: #3c4c5c;
	--sz-slate-soft: #dfe5ea;
	--sz-paper: #f6efe2;
	--sz-paper-2: #eee3cf;
	--sz-card: #fffaf1;
	--sz-ink: #2b2822;
	--sz-muted: #5c574c;
	--sz-border: #e1d4bc;
	--sz-display: 'Young Serif', Georgia, 'Times New Roman', serif;
	--sz-body: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--sz-radius: 22px;

	--color-primary: #3d5a40;
	--color-primary-dark: #263a29;
	--color-primary-hover: #4c6c4f;
	--color-primary-light: #8fa88b;
	--color-primary-subtle: #dfe7d7;
	--color-primary-muted: #b7c6b1;
	--color-accent: #9a4527;
	--color-accent-hover: #7f3720;
	--color-accent-subtle: #f3dccd;
	--color-bg: #f6efe2;
	--color-bg-alt: #eee3cf;
	--color-border: #e1d4bc;
	--color-text: #2b2822;
	--color-text-muted: #5c574c;
	--font-sans: var(--sz-body);
	--font-serif: var(--sz-display);
}

body {
	font-family: var(--sz-body);
	background: var(--sz-paper);
	color: var(--sz-ink);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4,
.post-header__title,
.section-title,
.widget__title,
.footer-brand__name {
	font-family: var(--sz-display);
	font-weight: 400;
	letter-spacing: -0.01em;
}

::selection { background: var(--sz-terra-soft); color: var(--sz-ink); }

/* Nagłówek: kremowy papier z „przeszyciem” jak okładka paszportu */
.site-header {
	background: var(--sz-card);
	border-bottom: 1px solid var(--sz-border);
	box-shadow: 0 1px 0 #fff inset, 0 10px 30px -24px rgba(43, 40, 34, 0.45);
}
.site-header .primary-nav a {
	color: var(--sz-ink);
	font-weight: 500;
	border-radius: 999px;
	transition: background-color 0.2s ease, color 0.2s ease;
}
.site-header .primary-nav a:hover,
.site-header .primary-nav .current-menu-item > a {
	color: var(--sz-sage-ink);
	background: var(--sz-sage-soft);
	text-decoration: none;
}

.szp-logo {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	color: var(--sz-ink);
	text-decoration: none;
}
.szp-logo__mark { flex: none; display: block; transition: transform 0.35s cubic-bezier(.3, 1.6, .5, 1); }
.szp-logo:hover .szp-logo__mark { transform: rotate(-8deg) scale(1.04); }
.szp-logo__txt { display: flex; flex-direction: column; line-height: 1.05; }
.szp-logo__txt b { font-family: var(--sz-display); font-weight: 400; font-size: 1.32rem; color: var(--sz-sage-ink); }
.szp-logo__txt span { font-size: 0.74rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sz-terra-deep); }

/* Stopka: głęboka szałwia */
.site-footer {
	background: var(--sz-sage-ink);
	color: #cfd9cb;
	border-top: 0;
	position: relative;
}
.site-footer::before {
	content: "";
	position: absolute;
	left: 0; right: 0; top: -18px;
	height: 18px;
	background: radial-gradient(18px 18px at 50% 100%, var(--sz-sage-ink) 98%, transparent 100%) 0 0 / 36px 18px repeat-x;
}
.site-footer a { color: #f4efe4; }
.site-footer a:hover { color: var(--sz-ochre-soft); }
.footer-brand__name { color: #fff; font-size: 1.7rem; }
.footer-col__title { color: var(--sz-ochre-soft); letter-spacing: 0.14em; }
.footer-col:not(:has(li)) { display: none; }
.footer-bottom { border-top-color: rgba(255, 255, 255, 0.14); color: #b4c1b0; }

/* Wpisy i archiwa – spójne akcenty */
.post-category-tag,
.post-card__category {
	background: var(--sz-sage-soft);
	color: var(--sz-sage-ink);
	border-radius: 999px;
	font-weight: 600;
}
.post-card {
	background: var(--sz-card);
	border-color: var(--sz-border);
	border-radius: var(--sz-radius);
}
.entry-content a { color: var(--sz-terra-deep); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.entry-content a:hover { text-decoration-thickness: 2px; }
.entry-content blockquote { border-left-color: var(--sz-terra); background: var(--sz-card); border-radius: 0 14px 14px 0; }
.author-box { background: var(--sz-card); border-color: var(--sz-border); border-radius: var(--sz-radius); }