/* ============================================================
   Identidad tipografica del sitio publico
   - Fuentes propias (type/) . Licencia MIT.
   - Se carga DESPUES de theme-cyberpunk.css.
   - Al redefinir --font-sans, todo lo que use font-sans pasa a la
     fuente propia sin tocar ninguna clase del HTML.
   - El panel (/admin) no carga este archivo: ahi manda Inter.
   ============================================================ */

@font-face {
  font-family: 'Cyberpunk Corporate';
  src: url('/assets/fonts/CyberpunkCorporate-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cyberpunk Titles Corporate';
  src: url('/assets/fonts/CyberpunkTitlesCorporate-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-cyber-body: 'Cyberpunk Corporate', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-cyber-title: 'Cyberpunk Titles Corporate', 'Cyberpunk Corporate', 'Inter', ui-sans-serif, system-ui, sans-serif;

  /* Sobrescribe el token del tema: el cuerpo del sitio usa la fuente propia. */
  --font-sans: var(--font-cyber-body);
}

/* Titulos: la display propia, siempre en peso Regular para no sintetizar negrita. */
h1,
h2,
h3,
.font-title {
  font-family: var(--font-cyber-title) !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em;
}

/* La marca y los titulos muy grandes respiran mejor con algo mas de aire. */
.font-title-wide {
  font-family: var(--font-cyber-title);
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.font-body {
  font-family: var(--font-cyber-body);
}

/* Las cifras de la fuente son anchas: en importes conviene alinearlas. */
.tabular {
  font-variant-numeric: tabular-nums;
}