/* Metro's Club · tokens de diseño
   Blanco y negro, tipografía grotesca en mayúsculas, rejilla a sangre y cero adornos. */

@font-face {
	font-family: "Inter Tight";
	src: url("../fonts/inter-tight.woff2") format("woff2");
	font-weight: 100 900;
	font-display: swap;
	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: "Inter Tight";
	src: url("../fonts/inter-tight-ext.woff2") format("woff2");
	font-weight: 100 900;
	font-display: swap;
	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;
}

:root {
	--c-bg: #ffffff;
	--c-fg: #0a0a0a;
	--c-muted: #6f6f6f;
	--c-line: #e6e6e6;
	--c-soft: #f4f4f2;      /* fondo de fotos de producto */
	--c-hover: #f0f0ee;
	--c-accent: #c8102e;    /* rojo señal (ofertas, avisos) */
	--c-ok: #1f7a3a;
	--c-overlay: rgba(10, 10, 10, .45);

	--f-sans: "Inter Tight", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

	--fs-xs: .6875rem;   /* 11 */
	--fs-sm: .75rem;     /* 12 */
	--fs-base: .875rem;  /* 14 */
	--fs-md: 1rem;
	--fs-lg: 1.25rem;
	--fs-xl: clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem);
	--fs-2xl: clamp(2rem, 1.2rem + 3vw, 3.75rem);
	--fs-hero: clamp(2.75rem, 1rem + 7vw, 7.5rem);

	--tracking: .04em;
	--tracking-wide: .12em;

	--gutter: clamp(16px, 2.4vw, 32px);
	--gap: clamp(2px, .3vw, 6px);   /* separación mínima entre tarjetas, estilo rejilla de tienda */
	--section: clamp(56px, 7vw, 112px);
	--max: 1800px;

	--header-h: 64px;
	--announce-h: 34px;

	--ease: cubic-bezier(.16, 1, .3, 1);
	--ease-in-out: cubic-bezier(.65, 0, .35, 1);
	--t-fast: .2s;
	--t: .45s;
	--t-slow: .8s;

	--z-header: 50;
	--z-mega: 49;
	--z-drawer: 80;
	--z-search: 90;
}

@media (min-width: 1024px) {
	:root { --header-h: 72px; }
}