/* Tipografías de la maqueta aprobada (SIL Open Font License 1.1, uso libre y autoalojamiento permitido):
 * Cormorant Garamond (títulos) y DM Sans (lectura), versiones variables de Google Fonts. */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 700;font-display:swap;src:url("../../fonts/cormorant-garamond-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300 700;font-display:swap;src:url("../../fonts/cormorant-garamond-italic-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url("../../fonts/dm-sans-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 700;font-display:swap;src:url("../../fonts/cormorant-garamond-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300 700;font-display:swap;src:url("../../fonts/cormorant-garamond-italic-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url("../../fonts/dm-sans-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/**
 * Tokens base de Maison Akari.
 * Familia de fondos (revisión 2026-09-28): cuatro tonos muy próximos
 * entre sí — marfil, crema, beige suave, beige profundo — en vez del
 * salto marcado que había antes entre un marfil casi blanco y un
 * crema amarillento. Cada uno tiene un rol fijo (ver dónde se usa cada
 * uno en header.css, footer.css, front-page.css, compra.css) en vez de
 * alternarse automáticamente sección por sección:
 *   - Marfil:         encabezado y superficies claras (tarjetas, etc.).
 *   - Crema:          fondo general (el que hereda todo por defecto).
 *   - Beige suave:    portada (Hero) y alguna sección de apoyo puntual.
 *   - Beige profundo: pie de página y paneles puntuales (p. ej. el
 *     resumen del carrito/checkout).
 */

:root {
	/* Color */
	--mka-color-marfil: #F8F5EF;
	--mka-color-crema: #F3EFE7;
	--mka-color-beige: #EDE7DD;
	--mka-color-beige-profundo: #E6DED2;
	--mka-color-blanco-calido: #FFFDF9;
	--mka-color-burdeos: #48151F;
	--mka-color-plata: #C7C9CC;
	--mka-color-linea: #D9CEC1; /* bordes y separadores de la maqueta */
	--mka-color-texto: #352924; /* tinta de la maqueta */
	--mka-color-texto-suave: #6B6055;

	/* Espaciado (escala editorial, mucho aire) */
	--mka-espaciado-xs: 0.5rem;
	--mka-espaciado-sm: 1rem;
	--mka-espaciado-md: 2rem;
	--mka-espaciado-lg: 4rem;
	--mka-espaciado-xl: 8rem;

	/* Tipografía de la maqueta aprobada: Cormorant Garamond (títulos) y DM Sans (lectura), autoalojadas en assets/fonts.
	   La marca (wordmark) conserva Georgia, igual que en la maqueta. Las de respaldo solo se usan si el archivo no carga. */
	--mka-font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
	--mka-font-body: 'DM Sans', Arial, Helvetica, sans-serif;
	--mka-font-marca: Georgia, 'Times New Roman', serif;

	/* Proporciones de imagen (sección 12 — estrategia de placeholders).
	   El hero no usa proporción fija: 100svh + object-fit: cover. */
	--mka-ratio-producto-grid: 4 / 5;
	--mka-ratio-producto-zoom: 1 / 1;
	--mka-ratio-instagram: 1 / 1;

	/* Header */
	--mka-header-height: 4.9375rem; /* 79px, maqueta: padding 25px + contenido */
}

/* Reset mínimo — no interfiere con Astra, solo neutraliza defaults ruidosos */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/**
 * !important justificado aquí: Astra aplica su propia clase de
 * contenedor (`.ast-plain-container`, especificidad de clase) sobre
 * el elemento `body`, que vence a un selector de tipo simple. Es una
 * anulación deliberada y puntual del fondo por defecto del padre
 * (sección 10: "si Astra se ve a WordPress, se sobrescribe").
 */
body {
	background-color: var(--mka-color-crema) !important;
	color: var(--mka-color-texto);
	font-family: var(--mka-font-body);
	line-height: 1.6; /* maqueta: 16px/1.6 */
}