/* MRP Computer / MRP Gaming — tokens de diseño (v0.1, oleada 1)
   Fuente única de colores, tipografía, espaciado y forma.
   Ambiente claro por defecto; ambiente gaming con la clase .theme-gaming en <body>. */

/* Fuentes alojadas en el propio tema (sin Google Fonts ni CDN). Ambas con licencia SIL OFL 1.1
   (textos de licencia en assets/fonts/). Inter: texto. Space Grotesk: titulares gaming y precios. */
/* 0.5.3 (petición de Rendimiento): Inter en subconjunto latino (español/catalán, € · « » – — ’ …), pesos 400–800
   y eje opsz: 49 KB en vez de 344 KB. Generado con fontTools (instancer wght=400:800 + subset) desde Inter 4.001 (OFL).
   Sin cara de reserva: con ella Chrome seguía descargando los 344 KB; un carácter fuera del subconjunto usa la fuente del sistema. */
@font-face {
	font-family: "Inter";
	src: url("../fonts/inter-latin-variable.woff2") format("woff2");
	font-weight: 400 800;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+013F-0140, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2190-2193, U+2212, U+2248, U+2260, U+2264-2265, U+2713, U+FFFD;
}
@font-face {
	font-family: "Space Grotesk";
	src: url("../fonts/space-grotesk-variable.woff2") format("woff2");
	font-weight: 300 700;
	font-style: normal;
	font-display: swap;
}

:root {
	--mrp-logo-bg: #0B0F0C;
	/* Marca */
	--mrp-green: #7DC400;          /* verde de la web actual: fondos de botón y detalles */
	--mrp-green-strong: #4A7A00;   /* verde accesible para texto sobre blanco (5,1:1) */
	--mrp-green-neon: #9BF00B;     /* verde neón del ambiente gaming */
	--mrp-lime: #C6FF4D;
	--mrp-cyan: #22D3EE;           /* acento secundario: barras de FPS, foco */
	--mrp-ink-on-green: #0E1A00;   /* texto sobre verde (9,8:1) */

	/* Ambiente claro (particulares, empresas, tienda) */
	--mrp-bg: #FFFFFF;
	--mrp-bg-soft: #F4F6F3;
	--mrp-surface: #FFFFFF;
	--mrp-surface-2: #EEF1EC;
	--mrp-border: #DCE1D8;
	--mrp-text: #121512;
	--mrp-text-muted: #555E55;      /* 6,6:1 sobre blanco */
	--mrp-link: var(--mrp-green-strong);
	--mrp-accent: var(--mrp-green);
	--mrp-focus: #0B57D0;
	--mrp-danger: #B42318;
	--mrp-warn: #8A5A00;
	--mrp-ok: #2E7D32;
	--mrp-shadow: 0 1px 2px rgba(16,24,16,.06), 0 6px 20px rgba(16,24,16,.07);
	--mrp-glow: none;

	/* Tipografía (en producción: fuentes autoalojadas en assets/fonts, no Google Fonts, por RGPD) */
	--mrp-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--mrp-font-display: "Space Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--mrp-fs-xs: .78rem;
	--mrp-fs-sm: .875rem;
	--mrp-fs-md: 1rem;
	--mrp-fs-lg: 1.125rem;
	--mrp-fs-xl: clamp(1.35rem, 1.1rem + 1vw, 1.75rem);
	--mrp-fs-2xl: clamp(1.7rem, 1.2rem + 2.2vw, 2.6rem);
	--mrp-fs-3xl: clamp(2.1rem, 1.3rem + 3.6vw, 3.6rem);

	/* Espaciado (escala de 4/8) y forma */
	--mrp-sp-1: 4px; --mrp-sp-2: 8px; --mrp-sp-3: 12px; --mrp-sp-4: 16px;
	--mrp-sp-5: 24px; --mrp-sp-6: 32px; --mrp-sp-7: 48px; --mrp-sp-8: 72px;
	--mrp-radius-sm: 8px; --mrp-radius: 14px; --mrp-radius-lg: 22px; --mrp-radius-pill: 999px;
	--mrp-container: 1200px;
	--mrp-gutter: 16px;
	--mrp-header-h: 60px;
	--mrp-ease: cubic-bezier(.2,.7,.2,1);
}
@media (min-width: 960px) { :root { --mrp-gutter: 24px; --mrp-header-h: 68px; } }

/* Ambiente MRP Gaming */
.theme-gaming {
	--mrp-bg: #090C0A;
	--mrp-bg-soft: #0E1310;
	--mrp-surface: #121814;
	--mrp-surface-2: #1A221D;
	--mrp-border: #26302A;
	--mrp-text: #EEF3EC;
	--mrp-text-muted: #A3AEA5;      /* 8:1 sobre fondo */
	--mrp-link: var(--mrp-green-neon);
	--mrp-accent: var(--mrp-green-neon);
	--mrp-focus: var(--mrp-cyan);
	--mrp-danger: #FF7A70;
	--mrp-warn: #FFC857;
	--mrp-ok: #7BE08A;
	--mrp-shadow: 0 10px 30px rgba(0,0,0,.45);
	--mrp-glow: 0 0 0 1px rgba(155,240,11,.35), 0 0 24px rgba(155,240,11,.18);
}