/**
 * PLURA design tokens. Every other stylesheet in this theme reads
 * from these custom properties instead of hardcoding values, so the
 * whole site stays one system. Overridable at runtime by the
 * Customizer (see inc/customizer.php, which prints a small inline
 * override block in wp_head for --plura-burgundy / --plura-red only).
 */

@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500 800;
	font-display: swap;
	src: url('../fonts/manrope-variable.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2122, U+2191, U+2193, U+2212;
}

:root {
	/* Brand colour */
	--plura-burgundy: #701D2A;
	--plura-burgundy-dark: #54151F;
	--plura-red: #B92F42;

	/* Backgrounds */
	--plura-cream: #FAF6F0;
	--plura-cream-soft: #F4EEE6;
	--plura-white: #FFFFFF;

	/* Text */
	--plura-text: #211E27;
	--plura-text-soft: #6E6772;
	--plura-text-on-dark: #FFFFFF;
	--plura-text-on-dark-soft: rgba(255, 255, 255, 0.82);

	/* Borders + status */
	--plura-border: #E9DED4;
	--plura-success: #168B69;
	--plura-success-bg: #E6F5EF;
	--plura-warning-bg: #FFF4D8;
	--plura-warning-text: #7A5B00;
	--plura-declined: #9C3B3B;
	--plura-declined-bg: #FBEAEA;
	--plura-review-bg: #E7EAF0;
	--plura-review-text: #414A63;

	/* Type */
	--plura-font-heading: 'Manrope', 'Segoe UI', Arial, sans-serif;
	--plura-font-body: Aptos, 'Segoe UI', Arial, sans-serif;

	/* Layout */
	--plura-max-width: 1240px;
	--plura-section-space: 96px;
	--plura-section-space-tablet: 80px;
	--plura-section-space-mobile: 60px;

	/* Radii */
	--plura-radius-control: 8px;
	--plura-radius-button: 11px;
	--plura-radius-card: 18px;
	--plura-radius-section: 22px;

	/* Shadow */
	--plura-shadow: 0 10px 35px rgba(84, 21, 31, 0.08);
	--plura-shadow-hover: 0 16px 44px rgba(84, 21, 31, 0.14);

	/* Motion */
	--plura-transition: 180ms ease;
}

@media (max-width: 1024px) {
	:root {
		--plura-section-space: var(--plura-section-space-tablet);
	}
}

@media (max-width: 600px) {
	:root {
		--plura-section-space: var(--plura-section-space-mobile);
	}
}