/* ═══════════════════════════════════════════════════════════════════
   OK COMPUTER — tipografía auto-hospedada
   Switzer (Fontshare · ITF Free Font License) · Geist Mono (OFL 1.1)

   La misma combinación que erpia.es, y a propósito: son dos productos
   del mismo estudio y hasta ahora cada uno iba con su tipografía —aquí
   Bricolage + Schibsted + JetBrains, allí Switzer + Geist—. Puestas una
   al lado de la otra no parecían de la misma casa.

   Fuentes variables: un fichero cubre los pesos 100-900, así que no hay
   que pedir un archivo por grosor. Se sirven desde okcomputer.es y no
   desde un CDN de terceros — más rápido y sin mandar la IP del visitante
   a otro dominio.

   Las cifras de Switzer son tabulares de fábrica, así que los importes
   se alinean solos en las tablas de precios.
   ═══════════════════════════════════════════════════════════════════ */

@font-face {
  font-family: 'Switzer';
  src: url('/fonts/switzer-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Switzer';
  src: url('/fonts/switzer-latinext.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+1E00-1E9F, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Geist Mono';
  src: url('/fonts/geist-mono-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Geist Mono';
  src: url('/fonts/geist-mono-latinext.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+1E00-1E9F, U+2C60-2C7F, U+A720-A7FF;
}

/* ── Alias de las familias anteriores ─────────────────────────────────
   Hay estilos en línea repartidos por decenas de páginas que todavía
   nombran «Bricolage Grotesque», «Schibsted Grotesk», «JetBrains Mono»
   o «IBM Plex Mono». En vez de tocar cientos de reglas de golpe —y
   arriesgarse a romper una— esos nombres apuntan aquí al fichero nuevo.
   Resultado: la web entera queda en la misma tipografía a la primera, y
   la limpieza de los nombres viejos se puede hacer con calma.
   ─────────────────────────────────────────────────────────────────── */

@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('/fonts/switzer-latin.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Schibsted Grotesk';
  src: url('/fonts/switzer-latin.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('/fonts/geist-mono-latin.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('/fonts/geist-mono-latin.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
}

/* ── Variables de marca ───────────────────────────────────────────────
   Aquí para que cualquier página que cargue esta hoja las tenga aunque
   no defina las suyas. Las que traen :root propio las sobreescriben,
   pero como sus familias tienen alias arriba, acaban igual.
   ─────────────────────────────────────────────────────────────────── */
:root {
  --disp: 'Switzer', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --body: 'Switzer', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* Las tres que quedaban sueltas: IBM Plex Sans se usa en el panel y en las
   calculadoras; VT323 y Press Start 2P son restos del CRT de la v1 y
   aparecen una vez cada una. Todas al mismo sitio. */
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/fonts/switzer-latin.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'VT323';
  src: url('/fonts/geist-mono-latin.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Press Start 2P';
  src: url('/fonts/geist-mono-latin.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
}