/**
 * MRMVR Elements — design tokens.
 *
 * Mirrors the live mrmvr.com palette and type scale so every widget inherits
 * the brand look before a single Elementor control is touched. Every token is
 * overridable per-widget from the Elementor Style tab.
 *
 * @package MRMVR\Elements
 * @since   1.0.0
 */

:root {
	/* Brand — neutrals */
	--mrmvr-navy: #1a2142;
	--mrmvr-ink: #271d1d;
	--mrmvr-white: #ffffff;

	/* Brand — blush / clay */
	--mrmvr-clay: #cfa190;
	--mrmvr-clay-deep: #c08e82;
	--mrmvr-blush: #fbe6dd;
	--mrmvr-blush-soft: #f9e9e0;
	--mrmvr-cream: #fdf8f5;
	--mrmvr-cream-warm: #fbf8f6;
	--mrmvr-cocoa: #552c1d;

	/* Brand — accents */
	--mrmvr-mint: #b6dad4;
	--mrmvr-mint-soft: #edf6f6;
	--mrmvr-teal: #6db5aa;
	--mrmvr-amber: #f57528;

	/* Typography */
	--mrmvr-font-display: "Cormorant Garamond", "Times New Roman", serif;
	--mrmvr-font-body: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

	/* Motion */
	--mrmvr-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--mrmvr-duration: 400ms;

	/* Elevation */
	--mrmvr-shadow-sm: 0 2px 8px rgba(26, 33, 66, 0.06);
	--mrmvr-shadow-md: 0 18px 40px -22px rgba(26, 33, 66, 0.35);
}
