/* tokens.css — la fuente de verdad del sistema visual.
   Lo comparten el buscador (app.css), la página de imprimir y la de artículo, que antes
   llevaban su propia copia de los colores: la copia de imprimir.html ya se había quedado
   atrás en el gris secundario, que es exactamente lo que pasa cuando hay dos fuentes.
   Aquí van solo los valores CLAROS. El modo oscuro vive en app.css, que es lo único que
   lo tiene: en papel, una tinta clara sobre hoja blanca sería texto invisible. */
/* Literata, servida desde aquí y no desde Google Fonts: pedirla a Google mandaba la IP de
   cada visitante a un tercero sin necesidad (y sin base legal clara: LG München I, 20-01-2022).
   Licencia SIL Open Font License 1.1, que permite alojarla. Fuente variable: un fichero
   cubre del 400 al 600. Solo latino y latino ampliado, que es lo que hay en la doctrina. */
@font-face { font-family: "Literata"; font-style: normal; font-weight: 400 600; font-display: swap;
  src: url(fuentes/literata-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Literata"; font-style: normal; font-weight: 400 600; font-display: swap;
  src: url(fuentes/literata-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Literata"; font-style: italic; font-weight: 400; font-display: swap;
  src: url(fuentes/literata-cursiva-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Literata"; font-style: italic; font-weight: 400; font-display: swap;
  src: url(fuentes/literata-cursiva-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  /* Neutros ligeramente fríos, toda la rampa del mismo tinte. El lienzo (--papel) va un
     punto más marcado que antes para que la lista y el lector se separen, y los dos grises
     de texto, más oscuros: los rótulos de 11-12 px pasaban el mínimo (5,3:1) pero se
     quedaban cortos. Ahora: --tinta-2 8,3:1 y --tinta-3 5,8:1 sobre --papel. */
  --papel: #f0f2f5; --hoja: #ffffff; --tinta: #14181e; --tinta-2: #3f4853; --tinta-3: #55606c;
  --regla: #d3d8df; --regla-2: #e2e6eb; --sel: #e7ebf0;
  /* Un solo azul, y solo donde algo está activo, seleccionado, enfocado o es la acción primaria. */
  --acento: #2c53d8; --acento-2: #2342b8; --acento-suave: #e6edfe; --sobre-acento: #ffffff;
  --peligro: #c0362c;
  /* Marcas sobre el texto: selección del navegador, coincidencias y tus cuatro subrayados. */
  --marca-sel: #cfdcff; --marca-sel-tinta: #101828;
  --busq: #fdeeb8; --busq-fondo: #fff5d6; --busq-trazo: #c98a11;
  --s-amarillo: #fbe88c; --s-verde: #cdebc0; --s-azul: #cddff7; --s-rosa: #f7d2dd;
  /* Las muestras del selector de color: la versión saturada de cada subrayado. */
  --p-amarillo: #f5d94f; --p-verde: #92cf6f; --p-azul: #7fb0e6; --p-rosa: #ec96aa;
  /* Dos voces: la pila del sistema para operar, Literata para leer y para el identificador. */
  --sans: system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --serif: "Literata", Georgia, "Times New Roman", serif;
  --mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;
  /* La escala de radios completa y un solo tiempo de transición. No hay más. */
  --r: 6px; --r-sm: 4px; --r-lg: 10px; --r-xs: 2px; --r-pill: 99px;
  --paso: 140ms cubic-bezier(.22, 1, .36, 1);
}