/* ==========================================================================
   tokens.css — sistema visual. Valores exactos del pliego, sección 4.
   ========================================================================== */

:root{
  /* Fondos */
  --tierra-sombra:   #12100A;
  --tierra-profunda: #0A0806;
  --corcho:          #241C13;
  --corcho-alto:     #2E2418;
  --barro:           #4A3524;

  /* Acento frío — hoja de encina */
  --encina:          #6E7A58;
  --encina-clara:    #8B9670;

  /* Acento cálido — pasto seco de agosto */
  --espiga:          #C9A961;
  --espiga-alta:     #E8D098;

  /* Oro de marca. USO RESTRINGIDO: solo el ensō del logo. */
  --oro-rduque:      #EFB810;

  /* Botón primario metálico. El oro de marca sigue viviendo solo en el logo:
     esta rampa deriva de --espiga y no contiene #EFB810. */
  --oro-metal:       linear-gradient(168deg,#7A5C24 0%,#C9A961 34%,#F2DFA8 52%,#C08F3E 74%,#6E4E1C 100%);
  --oro-metal-texto: #17120A;
  --brillo-dur:      1.04s;
  --brillo-ease:     cubic-bezier(.42,0,.25,1);

  /* Texto */
  --hueso:           #F1EADC;
  --hueso-70:        rgba(241,234,220,.70);
  --hueso-52:        rgba(241,234,220,.52);
  --hueso-30:        rgba(241,234,220,.30);

  /* Líneas */
  --linea:           rgba(201,169,97,.16);
  --linea-alta:      rgba(201,169,97,.42);

  /* Tipografía */
  --display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --cuerpo:  'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --etq:     ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;

  /* ── ESCALA TIPOGRÁFICA ────────────────────────────────────────────
     Un único parámetro manda: --base. Todo lo demás son escalones en rem
     colgando de él, así que subir o bajar la web entera es cambiar --base.
     Cada elemento sigue siendo ajustable por su escalón. */
  --base: 18px;

  /* Cifras fuera de parrafo. Cormorant compone con figuras de estilo antiguo,
     de alturas desiguales. Con lining-nums todos los digitos comparten altura
     y linea de base. REVERTIR = cambiar esta palabra por normal. */
  --cifras: lining-nums;

  /* NINGÚN texto baja del cuerpo. La familia Etiqueta tiene voz propia por
     su forma —monoespaciada, mayúsculas, letter-spacing— no por ser menor.
     Lo único que puede reducirse es un <small>, y siempre en em: un
     porcentaje del padre, nunca un valor absoluto. */
  --fs-etq:   1rem;     /* etiquetas, kickers, metadatos. Mínimo del sistema. */
  /* Sube de 1 a 1.18 el 24 sep 2026. Al subir --fs-lead quedaron dos tamaños
     de párrafo en la misma página y el texto corrido se leía como reducido;
     la especificación ya prohibía eso para la ficha de persona —«no existe un
     tamaño de cuerpo reducido»— y lo que fallaba era el corrido, no la ficha.
     CRITERIO PROPIO, SOMETIDO A RO: --fs-etq se queda en 1rem y deja de
     coincidir con el texto corrido, así que la regla «ningún texto baja del
     texto corrido» pasa a leerse sobre la prosa, no sobre las etiquetas. El
     motivo es que una versalita monoespaciada con .18em de tracking ocupa a
     igual tamaño nominal mucho más que la prosa. Si Ro prefiere mantener la
     regla al pie de la letra, --fs-etq sube aquí y en ningún otro sitio. */
  --fs-body: 1.18rem;   /* texto corrido */
  /* Sube de 1.18 a 1.3 el 24 sep 2026: el propietario mide a ojo que el
     párrafo bajo el hero se lee pequeño. Arrastra con él los <li> que ya
     usaban este token (puntos de banda, pruebas materiales), que es lo que
     pedía la segunda mitad de la misma corrección. */
  --fs-lead:  1.3rem;   /* párrafo de entrada */
  --fs-md:   1.35rem;   /* cifras de tarjeta, citas, numerales */
  --fs-lg:   1.62rem;   /* destacados */
  --fs-xl:      2rem;   /* cifras grandes */
  --fs-2xl:   2.5rem;   /* cifras de panel */

  --t-mantra: clamp(1.35rem, 2.2vw, 1.9rem);   /* mantra de cierre de bloque */

  --t-h1:   clamp(2.15rem, 5vw, 4.5rem);
  --t-h2:   clamp(1.52rem, 3.2vw, 2.4rem);
  --t-h3:   clamp(1.25rem, 1.9vw, 1.5rem);
  --t-lead: var(--fs-lead);
  --t-body: var(--fs-body);

  /* Espaciado */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px; --sp-5: 24px;
  --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px; --sp-10: 128px;

  /* Radios. Máximo permitido: 4px. */
  --r: 2px;
  --r-card: 3px;

  /* Movimiento */
  --ease-ui:      cubic-bezier(.2,.9,.3,1);
  --ease-entrada: cubic-bezier(.16,1,.3,1);

  /* Métrica */
  --ancho: 1180px;
  --pad-x: clamp(1.25rem, 5vw, 4rem);
}