/* Mariposa Premium – identyfikacja całego serwisu (nadpisuje zmienne motywu motyw-z-verseo) */

:root:root {
	--mp-plum: #3b1f33;
	--mp-plum-2: #4e2a45;
	--mp-plum-3: #6a3a5e;
	--mp-rose: #e9bfc6;
	--mp-rose-2: #f6e3e4;
	--mp-rose-deep: #9b4a62;
	--mp-gold: #d4a85a;
	--mp-gold-deep: #8a6420;
	--mp-cream: #fbf6f0;
	--mp-cream-2: #f4ece2;
	--mp-paper: #fffcf8;
	--mp-ink: #2a1824;
	--mp-muted: #6b5664;
	--mp-line: #e6d8cc;
	--mp-serif: 'Fraunces', 'Playfair Display', Georgia, 'Times New Roman', serif;
	--mp-sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;

	--color-primary: #3b1f33;
	--color-primary-dark: #2a1824;
	--color-primary-hover: #4e2a45;
	--color-primary-light: #b48aa6;
	--color-primary-subtle: #f6e3e4;
	--color-primary-muted: #d9b9c8;
	--color-accent: #8a6420;
	--color-accent-hover: #6e4f18;
	--color-accent-subtle: #f8efdd;
	--color-bg: #fbf6f0;
	--color-bg-alt: #f4ece2;
	--color-border: #e6d8cc;
	--color-text: #2a1824;
	--color-text-muted: #6b5664;
	--font-sans: var(--mp-sans);
	--font-serif: var(--mp-serif);
}

body {
	font-family: var(--mp-sans);
	background: var(--mp-cream);
	color: var(--mp-ink);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

h1, h2, h3, h4,
.post-header__title,
.section-title,
.widget__title,
.footer-brand__name {
	font-family: var(--mp-serif);
	font-optical-sizing: auto;
	font-weight: 500;
	letter-spacing: -0.012em;
}

::selection { background: var(--mp-rose); color: var(--mp-plum); }

/* Nagłówek: kremowy, z cienką złotą linią i drugą, różową – jak grzbiet magazynu */
.site-header {
	background: var(--mp-cream);
	border-bottom: 1px solid var(--mp-gold);
	box-shadow: 0 3px 0 -2px var(--mp-rose);
}
.site-header .primary-nav a {
	color: var(--mp-ink);
	font-weight: 600;
	font-size: 0.92rem;
	letter-spacing: 0.02em;
	position: relative;
}
.site-header .primary-nav a::after {
	content: "";
	position: absolute; left: 50%; bottom: -4px;
	width: 5px; height: 5px; border-radius: 50%;
	background: var(--mp-gold);
	transform: translateX(-50%) scale(0);
	transition: transform 0.25s ease;
}
.site-header .primary-nav a:hover,
.site-header .primary-nav .current-menu-item > a { color: var(--mp-rose-deep); }
.site-header .primary-nav a:hover::after,
.site-header .primary-nav .current-menu-item > a::after { transform: translateX(-50%) scale(1); }

.mpp-logo {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	color: var(--mp-plum);
	text-decoration: none;
}
.mpp-logo__mark { flex: none; display: block; transition: transform 0.4s ease; }
.mpp-logo:hover .mpp-logo__mark { transform: rotate(-8deg); }
.mpp-logo__txt { display: flex; flex-direction: column; line-height: 1; }
.mpp-logo__txt b {
	font-family: var(--mp-serif);
	font-weight: 600;
	font-size: 1.5rem;
	font-style: italic;
	letter-spacing: -0.01em;
}
.mpp-logo__txt span {
	margin-top: 3px;
	font-size: 0.66rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--mp-muted);
}

/* Stopka */
.site-footer {
	background: var(--mp-plum);
	color: #e7d6df;
	border-top: 3px double var(--mp-gold);
}
.site-footer a { color: #fbeff2; }
.site-footer a:hover { color: var(--mp-gold); }
.footer-brand__name { color: #fff; font-style: italic; font-size: 1.8rem; }
.footer-col__title { color: var(--mp-gold); letter-spacing: 0.16em; font-family: var(--mp-sans); }
.footer-col:not(:has(li)) { display: none; }
.footer-bottom { border-top-color: rgba(233, 191, 198, 0.2); color: #cbb3c1; }

/* Wpisy i archiwa – spójne akcenty */
.post-category-tag,
.post-card__category {
	background: var(--mp-rose-2);
	color: var(--mp-plum);
	border-radius: 999px;
	font-weight: 600;
	letter-spacing: 0.04em;
}
.post-card {
	background: var(--mp-paper);
	border-color: var(--mp-line);
}
.entry-content { font-size: 1.06rem; line-height: 1.75; }
.entry-content a { color: var(--mp-rose-deep); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.entry-content a:hover { color: var(--mp-plum); }
.entry-content blockquote {
	border-left: 0;
	font-family: var(--mp-serif);
	font-style: italic;
	font-size: 1.25rem;
	color: var(--mp-plum);
	padding-left: 1.4em;
	background: linear-gradient(var(--mp-gold), var(--mp-gold)) 0 0.35em / 2px calc(100% - 0.7em) no-repeat;
}
.author-box { background: var(--mp-paper); border-color: var(--mp-line); }
