/*
 * Variables semánticas del proyecto piedras-costa-luz.
 * Destino del mapeo desde variables numéricas del export Figma
 * (--color-0, --font-size-8 → nombres semánticos).
 */

:root {
	/* Color */
	--mwm-color-primary: #323233;
	--mwm-color-secondary: #C4904E;
	--mwm-color-base: #ffffff;
	--mwm-color-contrast: #111111;
	--mwm-color-muted: #F8F8F8;

	/* Tipografía */
	--mwm-font-heading: "Playfair Display", Georgia, serif;
	--mwm-font-display: "IBM Plex Serif", Georgia, serif;
	--mwm-font-body: "Inter", system-ui, sans-serif;

	--mwm-fs-display: clamp(3rem, 4vw + 1rem, 4rem);
	--mwm-fs-h1:      clamp(2.5rem, 3vw + 1rem, 3.5rem);
	--mwm-fs-h2:      clamp(1.5rem, 2vw + 1rem, 2.5rem);
	--mwm-fs-h3:      clamp(1.25rem, 1vw + 1rem, 2rem);
	--mwm-fs-body: 1rem;
	--mwm-fs-small: 0.875rem;

	--mwm-lh-tight: 1.1;
	--mwm-lh-base: 1.6;

	/* Espaciado */
	--mwm-space-xs: 0.5rem;
	--mwm-space-sm: 1rem;
	--mwm-space-md: 2rem;
	--mwm-space-lg: 4rem;
	--mwm-space-xl: 6rem;

	/* Layout */
	--mwm-content-width: 1200px;
	--mwm-wide-width: 1440px;
	--mwm-max-1: 1104px;

	/* Radios / sombras */
	--mwm-radius-sm: 4px;
	--mwm-radius-md: 12px;
	--mwm-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
}