/* =========================================================
   RESET BÁSICO
   =========================================================

   Elimina las diferencias de estilos entre navegadores
   para que nuestro diseño se vea igual en Chrome, Firefox, Safari, etc.

   No es un "reset completo" (como normalize.css), solo lo necesario
   para empezar desde cero con nuestro propio diseño.
   ========================================================= */

/* box-sizing: border-box hace que padding y border se incluyan
   dentro del ancho total del elemento, no se sumen fuera.
   Ejemplo: un div con width: 100% + padding: 20px = sigue siendo 100% */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Estilos base del body: fondo, color de texto, fuente */
body {
	margin: 0;                          /* Eliminar margen por defecto del navegador */
	background: var(--color-cream);     /* Fondo papel envejecido */
	color: var(--color-ink);            /* Texto verde-tinta oscuro */
	font-family: var(--font-nav);       /* Cormorant Garamond como fuente base */
	-webkit-font-smoothing: antialiased; /* Texto más suave en macOS/iOS */
}

/* Las imágenes nunca deben desbordar su contenedor */
img {
	max-width: 100%;   /* Ancho máximo = ancho del padre */
	display: block;    /* Eliminar espacio fantasma debajo de la imagen */
}

/* Los enlaces heredan el color del texto padre */
a {
	color: inherit;
	text-decoration: none;  /* Sin subrayado por defecto */
}

/* Reset de listas: sin viñetas, sin espaciado */
ul {
	margin: 0;
	padding: 0;
	list-style: none;  /* Sin punto/bullet */
}