/* tokens.css — Herramientas IA · Soy Miguel Ángel Sánchez
   Negro (mesa de trabajo) + dorado (solo para lo que está disponible) + blanco cálido (papel).
   Nombres fijos de Web Builder Pro; valores del proyecto. */
@font-face {
  font-family: "IBM Plex Sans Condensed";
  src: url("../fonts/ibm-plex-sans-condensed-latin-600-normal.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
:root {
  /* color */
  --c-fondo: #0c0c0d;
  --c-superficie: #17171a;
  --c-texto: #f2efe8;
  --c-texto-suave: #aca79d;
  --c-primario: #d1a546;
  --c-sobre-primario: #0c0c0d;
  --c-acento: #ecc86d;
  --c-borde: #67635b;
  --c-exito: #86c48c;
  --c-error: #ec8b82;
  /* tipografía: 2 familias cargadas (Plex Sans Condensed para títulos, Plex Sans para texto);
     los datos técnicos usan la monoespaciada del sistema, sin descarga */
  --f-titulos: "IBM Plex Sans Condensed", "Arial Narrow", system-ui, sans-serif;
  --f-texto: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-datos: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --t-base: 1rem;
  --t-escala: 1.25;
  --t-lh: 1.6;
  --t-0: .8125rem;   /* etiquetas y metadatos */
  --t-1: 1rem;
  --t-2: 1.25rem;
  --t-3: 1.5625rem;
  --t-4: 1.953rem;
  --t-5: 2.441rem;
  /* espacio, forma, movimiento */
  --e-1: .25rem; --e-2: .5rem; --e-3: .75rem; --e-4: 1rem;
  --e-5: 1.5rem; --e-6: 2rem; --e-7: 3rem; --e-8: 5rem;
  --radio: 2px;
  --sombra: none;
  --dur: 180ms;
  --curva: cubic-bezier(.2, .7, .2, 1);
  --ancho: 68rem;
}

/* Pares de contraste usados en la web (los lee scripts/contraste.py) */
/* contraste: --c-texto / --c-fondo */
/* contraste: --c-texto-suave / --c-fondo */
/* contraste: --c-texto / --c-superficie */
/* contraste: --c-texto-suave / --c-superficie */
/* contraste: --c-sobre-primario / --c-primario */
/* contraste: --c-primario / --c-fondo */
/* contraste: --c-primario / --c-superficie */
/* contraste-grande: --c-acento / --c-fondo */
/* contraste-grande: --c-borde / --c-fondo */