/**
 * Tokens de diseño de El Infiestu.
 *
 * Tipografías y paleta tomadas del prototipo de referencia
 * (docs/figma-reference/App de gestión de gastos): Playfair Display para
 * títulos, DM Sans para texto, DM Mono para etiquetas y datos numéricos.
 *
 * Las fuentes se auto-alojan (assets/fonts/) para no cargar Google Fonts
 * desde el navegador de cada miembro de la familia.
 */

@font-face {
	font-family: "Playfair Display";
	font-style: normal;
	font-weight: 500 700;
	font-display: swap;
	src: url("../fonts/playfair-display-var.woff2") format("woff2");
}

@font-face {
	font-family: "DM Sans";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/dm-sans-var.woff2") format("woff2");
}

@font-face {
	font-family: "DM Mono";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/dm-mono-400.woff2") format("woff2");
}

@font-face {
	font-family: "DM Mono";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/dm-mono-500.woff2") format("woff2");
}

:root {
	/* Tipografías */
	--infiestu-font-heading: "Playfair Display", Georgia, serif;
	--infiestu-font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--infiestu-font-mono: "DM Mono", ui-monospace, Menlo, monospace;

	/* Paleta (verde oscuro / terracota / burdeos, sobre fondo cálido) */
	--infiestu-color-bg: #faf7f2;
	--infiestu-color-card: #ffffff;
	--infiestu-color-border: #e7e0d4;
	--infiestu-color-text: #2a2118;
	--infiestu-color-muted: #7a6a55;

	--infiestu-color-primary: #2d5016;
	--infiestu-color-primary-contrast: #ffffff;
	--infiestu-color-accent: #c17b3a;
	--infiestu-color-danger: #b03a2e;
	--infiestu-color-warning: #8b6914;

	/* Radios y espaciados */
	--infiestu-radius: 0.5rem;
	--infiestu-radius-pill: 999px;
	--infiestu-space-xs: 0.35rem;
	--infiestu-space-sm: 0.75rem;
	--infiestu-space-md: 1.25rem;
	--infiestu-space-lg: 2rem;
}