/* Landthor — tokens. FUENTE UNICA DE VERDAD.
   Lo cargan las 8 paginas, antes que cualquier otra hoja. Ningun otro fichero
   debe declarar un color de marca, una familia tipografica ni un tamano de
   fuente suelto: si hace falta un valor nuevo, se anade aqui.

   Antes de esto los mismos tokens estaban declarados en tres sitios con
   valores que ya habian empezado a separarse (--line era #e0dccf en la home y
   #ded9cc en las subpaginas), y cambiar el naranja de marca obligaba a tocar
   once ficheros. */

:root {
  /* --- Color de marca --- */
  --ink: #293846;             /* navy corporativo */
  --ink-2: #1d2730;           /* banda oscura un paso mas profunda */
  --paper: #f8f6f1;
  --paper-2: #f1eee6;
  --surface: #ffffff;
  --line: #e0dccf;
  --warm: #6f6a5c;            /* texto secundario, 5.00:1 sobre --paper */
  /* --warm-soft (#8f8a7c) se elimina: daba 2.97:1 sobre --paper-2 y no
     existia ningun valor que pasara AA y siguiera siendo un escalon por
     debajo de --warm. Sus cuatro usos eran texto y pasan a --warm. */
  --blue: #315d87;

  /* Naranja. --accent es color de superficie: fondos, bordes, reglas, iconos.
     Sobre papel da 2.26:1, asi que NO vale para texto: para eso esta
     --accent-ink (5.23:1 sobre --paper, pasa AA). Sobre fondo --ink el que
     cumple es --accent-on-ink. */
  --accent: #F68A2A;
  --accent-2: #D96D12;
  --accent-ink: #A64E08;
  --accent-on-ink: #FFB35F;
  --accent-soft: #FFF0DF;

  /* Texto sobre fondo oscuro */
  --on-ink: #f0ede4;
  --on-ink-soft: #c9c6bd;
  /* #9d9a92 daba 4.27:1 sobre --ink y fallaba AA en las descripciones de
     13px y en la etiqueta de 10px del cierre. #a8a59c da 4.88:1. */
  --on-ink-mute: #a8a59c;
  --on-ink-line: rgba(255, 255, 255, 0.14);

  /* --- Tipografia --- */
  --font-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --font-sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;

  /* Escala. Sustituye a los 24 tamanos sueltos que habia en la home, con
     parejas indistinguibles del tipo 18px / 18.5px o 13px / 13.5px. */
  --fs-3xs: 10px;
  --fs-2xs: 11px;
  --fs-xs: 12.5px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-base: 15px;
  --fs-lg: 17px;
  --fs-xl: 18px;
  --fs-h3: 23px;
  --fs-h2: clamp(1.9rem, 2.6vw + 1rem, 2.9rem);
  --fs-h2-sm: clamp(1.7rem, 2.2vw + 1rem, 2.5rem);
  /* El minimo de 3.2rem daba un titular de 51px a 375px: seis lineas y todo lo
     demas fuera del pliegue. Con base en rem mas vw crece de forma continua
     desde movil y deja el tamano de escritorio practicamente igual. */
  --fs-h1: clamp(2.5rem, 1.6rem + 3.2vw, 4.55rem);

  /* --- Movimiento --- */
  --dur-fast: 0.25s;
  --dur: 0.45s;
  --dur-slow: 0.7s;
  --ease: cubic-bezier(.22, .7, .3, 1);

  /* --- Medidas --- */
  /* Tres medidas, no una. Diez bloques compartian 1240px y el ritmo horizontal
     de la pagina era plano de arriba abajo. --maxw-narrow estrecha los momentos
     de respiro editorial; el caso de exito va a sangre, sin medida. */
  --maxw: 1240px;
  --maxw-narrow: 1040px;
  --gutter: clamp(32px, 6vw, 112px);
  --radius: 2px;
}