/* AdminSE — Poppins + JetBrains Mono (V2 Naval) + Inter (legacy v2 paso intermedio).
 *
 * Estos @font-face viven en public/ y NO en src/App.scss porque el bundler
 * de Tailwind 4 / Lightning CSS elimina silenciosamente declaraciones
 * @font-face del CSS final. Verificado empíricamente: tanto weights
 * individuales como Variable fonts se pierden al entrar al pipeline.
 * Servir las fuentes desde public/ las saca del pipeline y las preserva.
 *
 * v1 = Poppins + JetBrains Mono (legacy).
 * v2 = Poppins + JetBrains Mono (Etapa 3 / F0 - decisión Lucho 2026-05-12,
 *      revertida vs Inter de Etapa 2). Self-hosted weights 400/500/600/700.
 *
 * Inter @font-face se mantiene cargado (deuda eventual). Cuando confirmemos
 * cero consumers usando 'Inter' explicito, se eliminan las 4 declaraciones
 * + los 4 .woff2 de public/fonts/.
 */

/* Poppins — latin subset, weights 400/500/600/700 (v24 de Google Fonts). */
@font-face {
	font-family: 'Poppins';
	src: url('/fonts/poppins-v24-latin-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('/fonts/poppins-v24-latin-500.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('/fonts/poppins-v24-latin-600.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('/fonts/poppins-v24-latin-700.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* Inter — latin subset, weights 400/500/600/700. Legacy (Etapa 2). */
@font-face {
	font-family: 'Inter';
	src: url('/fonts/inter-v4-latin-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/fonts/inter-v4-latin-500.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/fonts/inter-v4-latin-600.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/fonts/inter-v4-latin-700.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* JetBrains Mono — latin subset, weights 400/500/600. */
@font-face {
	font-family: 'JetBrains Mono';
	src: url('/fonts/jetbrains-mono-v3-latin-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'JetBrains Mono';
	src: url('/fonts/jetbrains-mono-v3-latin-500.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'JetBrains Mono';
	src: url('/fonts/jetbrains-mono-v3-latin-600.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

/* CSS vars consumidas por Tailwind 4 preflight (`body { font-family: var(--font-sans) }`).
 * Viven aqui porque el bundler de Tailwind dropea la primera de dos reglas
 * con estructura similar, mismo bug que afectaba a las @font-face. main.js
 * setea data-theme-version="v1"|"v2" en <html> antes de app.mount, asi que
 * siempre matchea uno de los dos selectores. */
:root[data-theme-version='v1'] {
	--font-sans: 'Poppins', system-ui, -apple-system, sans-serif;
	--font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
}

:root[data-theme-version='v2'] {
	--font-sans: 'Poppins', system-ui, -apple-system, sans-serif;
	--font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
}
