/* Los tokens de la identidad, en un solo sitio.
 *
 * Hasta octubre de 2026 este bloque estaba copiado dentro del `<style>` de
 * cada página: catorce copias, en cinco variantes que ya habían divergido
 * entre sí (una tenía `--error`, otra `--success`, tres llevaban el parche
 * `--accent-text`). Cambiar un color eran catorce ediciones y la garantía de
 * olvidar alguna. Ahora es una.
 *
 * Los valores y sus contrastes medidos están en DESIGN.md 0.2, que es el
 * documento que manda. Si cambia uno aquí, cambia allí, con su ratio.
 *
 * Los artículos del blog tienen su propia copia en `blog-article.css`, que es
 * su fichero compartido: son 121 páginas que solo cargan ese. Dos copias en
 * total, no diecisiete.
 */

:root {
  --white: #ffffff;
  --bg: #f7fcfd;
  --ink: #2e566c;
  --ink-light: #4e6d7d;
  /* Solo decoración: 2,40:1, no apto para texto. */
  --ink-faint: #9fb3bc;
  --accent: #0e7278;
  --accent-light: #e8f9fb;
  --red: #c0392b;
  --red-bg: #fdecec;
  --red-border: #f3c9c9;
  --green: #3d7a2d;
  --border: rgba(46,86,108,0.10);
  --border-strong: rgba(46,86,108,0.18);
  /* Contorno de un control. WCAG 1.4.11 pide 3:1; da 3,46:1 sobre blanco. */
  --border-ui: #7a929e;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --display: 'Poppins', 'Inter', -apple-system, sans-serif;
}