/* Tokens de diseño de Pora: cambiar un valor acá lo cambia en todo el sitio. */

@font-face {
	font-family: "Anton";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/anton-latin.woff2") format("woff2");
}

@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");
}

@font-face {
	font-family: "DM Sans";
	font-style: italic;
	font-weight: 100 1000;
	font-display: swap;
	src: url("../fonts/dm-sans-italic-latin.woff2") format("woff2");
}

@font-face {
	font-family: "Instrument Serif";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/instrument-serif-latin.woff2") format("woff2");
}

@font-face {
	font-family: "Instrument Serif";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/instrument-serif-italic-latin.woff2") format("woff2");
}

:root {
	/* Base editorial */
	--pora-negro: #111111;
	--pora-crema: #f3eee6;
	--pora-crema-clara: #fbf8f3;
	--pora-crema-oscura: #e4dccf;
	--pora-gris: #6f6a62;

	/* Pops de color */
	--pora-rosa: #ff4fa3;
	--pora-azul: #2b4bff;
	--pora-lima: #c6f432;

	/* Acento activo: cada categoría lo redefine más abajo */
	--pora-acento: var(--pora-rosa);
	--pora-sobre-acento: var(--pora-negro);

	/* Tipografías */
	--pora-display: "Anton", "Arial Narrow", Impact, sans-serif;
	--pora-serif: "Instrument Serif", Georgia, serif;
	--pora-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

	/* Escala fluida de títulos */
	--pora-t-mega: clamp(3.5rem, 13vw, 12rem);
	--pora-t-xl: clamp(2.75rem, 8vw, 6.5rem);
	--pora-t-l: clamp(2rem, 5vw, 3.75rem);
	--pora-t-m: clamp(1.5rem, 3vw, 2.25rem);

	--pora-radio: 999px;
	--pora-borde: 1.5px solid var(--pora-negro);
}

/* Color por categoría (archivo de categoría de producto) */
.term-deco { --pora-acento: var(--pora-rosa); }
.term-cocina-y-mesa { --pora-acento: var(--pora-lima); }
.term-iluminacion { --pora-acento: var(--pora-azul); --pora-sobre-acento: #fff; }
.term-organizacion { --pora-acento: var(--pora-lima); }
.term-plantas-y-macetas { --pora-acento: var(--pora-azul); --pora-sobre-acento: #fff; }
.term-regalos { --pora-acento: var(--pora-rosa); }