:root {
	--marine: #2c5879;
	/* --marine: #0E6B75; */
	/* --marine: #3E7E8F; */
	/* 1A3E59 */
	--dunes: #AB9272;
	--dunes-hover: #887862;
	/* --dunes: #AB9272; */
	--background: #f6f8fa;
	--seashell: #E1D8CD;
	--pearl: #F0EBE7;
	--light-gray: #252222ac;

	/* Font families */
	--font-playfair: 'Playfair Display', serif;
	--font-vibes: 'Great Vibes', cursive;
	--font-montserrat: 'Montserrat', sans-serif;

	/* Font sizes */
	--font-size-xs: 0.75rem;
	/* 12px – text más pequeño, pies de foto */
	--font-size-sm: 0.875rem;
	/* 14px – texto auxiliar, captions */
	--font-size-base: 1rem;
	/* 16px – párrafos / texto principal */
	--font-size-md: 1.125rem;
	/* 18px – subtítulos pequeños */
	--font-size-lg: 1.25rem;
	/* 20px – subtítulos */
	--font-size-xl: 1.5rem;
	/* 24px – encabezados h4/h3 */
	--font-size-2xl: 2rem;
	/* 32px – encabezados h2 */
	--font-size-3xl: 2.5rem;
	/* 40px – encabezados h1 */
	--font-size-4xl: 3rem;
	/* 48px – títulos hero o secciones destacadas */
}

html {
	scroll-behavior: smooth;
}

* {
	box-sizing: border-box;
}

body {
	font-family: var(--font-montserrat, Montserrat), sans-serif;
	background: var(--background);
	margin: 0;
	padding: 0;
}

ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}

h1,
h2 {
	margin: 0;
	padding: 0;
}