/**
 * Lovia — "Refined Editorial" design tokens + global components.
 * Added 2026-07-26. Loaded on every page via inc/editorial.php.
 *
 * Tokens only + truly global component styles (buttons, focus, selection).
 * Page-specific work lives in lovia-header.css / lovia-home.css / lovia-woo.css.
 */

:root {
	/* Palette — same Lovia theme, refined. */
	--lov-ivory: #faf6ee;
	--lov-cream: #f4eddd;
	--lov-surface: #ffffff;
	--lov-gold: #a8853b;
	--lov-gold-deep: #8a6d2f;
	--lov-gold-soft: #f0e6cf;
	--lov-ink: #2e2a24;
	--lov-muted: #7a7264;
	--lov-hairline: #e8e0d0;

	/* Shape & depth. */
	--lov-radius-card: 14px;
	--lov-radius-ctl: 8px;
	--lov-radius-pill: 999px;
	--lov-shadow-soft: 0 10px 30px rgba(46, 42, 36, 0.08);
	--lov-shadow-lift: 0 18px 44px rgba(46, 42, 36, 0.14);

	/* Type. */
	--lov-serif: "Roboto Slab", Georgia, serif;
	--lov-sans: "Poppins", system-ui, -apple-system, sans-serif;

	/* Rhythm. */
	--lov-section-gap: clamp(56px, 8vw, 104px);
	--lov-maxw: 1200px;
}

/* --- Global components ------------------------------------------------ */

/* One button language: gold solid primary / gold outline secondary. */
body .button,
body button:not(.cmplz-btn):not(.dialog-close-button),
body input[type="submit"],
body .wp-block-button__link,
body a.button,
body .added_to_cart {
	border-radius: var(--lov-radius-ctl);
	font-family: var(--lov-sans);
	font-weight: 500;
	letter-spacing: 0.01em;
	transition: background-color 0.25s ease, color 0.25s ease,
		border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

/* Gentler tap/active feel everywhere. */
a, button, .button {
	transition: color 0.25s ease, background-color 0.25s ease,
		border-color 0.25s ease, opacity 0.25s ease;
}

/* Accessible focus that matches the brand. */
body :focus-visible {
	outline: 2px solid var(--lov-gold);
	outline-offset: 2px;
	border-radius: 4px;
}

::selection {
	background: var(--lov-gold);
	color: #fff;
}

/* Softer default image rendering inside cards and heroes. */
img {
	height: auto;
}