/* ═══════════════════════════════════════════════════════════════════════════
   ROMANO & LANZAGORTA ASOCIADOS
   02 · Tokens del sistema
   Ningun valor cromatico, tipografico o de espacio se declara fuera de aqui.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {

  /* ── Paleta ──────────────────────────────────────────────────────────────
     Cuatro valores. El sistema no admite color de acento: el enfasis se
     construye con escala y con espacio, nunca con color.                    */

  --tinta:   #1E1E1E;   /* texto principal, filetes de cierre, marca         */
  --gris:    #707070;   /* texto secundario, rotulos, descriptores           */
  --hueso:   #F8F7F4;   /* fondo de reposo                                    */
  --blanco:  #FFFFFF;   /* fondo de lectura                                   */

  /* ── Filetes ─────────────────────────────────────────────────────────────
     Derivados de Tinta por transparencia. No son colores de marca:
     son la misma tinta, aplicada con menor presion.                        */

  --linea:        color-mix(in srgb, var(--tinta) 13%, transparent);
  --linea-media:  color-mix(in srgb, var(--tinta) 22%, transparent);
  --linea-firme:  color-mix(in srgb, var(--tinta) 45%, transparent);
  --filete: 1px;

  /* ── Tipografia ──────────────────────────────────────────────────────── */

  --display: "Cormorant Garamond", "Adobe Garamond Pro", Garamond, "Times New Roman", serif;
  --texto:   "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;

  /* Escala fluida. Cormorant nunca por debajo de 20px; Inter nunca por
     encima de 24px salvo en cifras tabulares del sistema de folios.        */

  --t-display-xxl: clamp(2.75rem, 7.2vw,  6.75rem);
  --t-display-xl:  clamp(2.25rem, 5.0vw,  4.25rem);
  --t-display-l:   clamp(1.75rem, 3.1vw,  2.875rem);
  --t-display-m:   clamp(1.3125rem, 1.9vw, 1.625rem);
  --t-display-s:   clamp(1.125rem, 1.4vw, 1.3125rem);

  --t-lead:   clamp(1.0625rem, 1.05vw, 1.1875rem);
  --t-cuerpo: clamp(0.9375rem, 0.85vw, 1.0rem);
  --t-menor:  0.875rem;
  --t-rotulo: 0.6875rem;   /* 11px */
  --t-micro:  0.625rem;    /* 10px */

  --l-display-ceñido: 1.000;
  --l-display:        1.115;
  --l-lead:           1.66;
  --l-cuerpo:         1.78;

  --k-display-xxl: -0.020em;
  --k-display-xl:  -0.016em;
  --k-display-l:   -0.010em;
  --k-display-m:    0.000em;
  --k-rotulo:       0.185em;
  --k-enc:          0.140em;   /* epigrafe: se distingue del menu */
  --k-micro:        0.145em;
  --k-marca:        0.300em;

  /* ── Retícula y espacio ──────────────────────────────────────────────── */

  --ancho-maximo: 1560px;
  --margen:  clamp(1.5rem, 7.0vw, 8.75rem);
  --canal:   clamp(1.5rem, 2.6vw, 3.0rem);

  --medida-lead:   46ch;   /* medida de lectura del parrafo de entrada      */
  --medida-cuerpo: 62ch;   /* medida de lectura del cuerpo                  */

  --e-1:  0.5rem;
  --e-2:  1rem;
  --e-3:  1.5rem;
  --e-4:  2.25rem;
  --e-5:  3.25rem;
  --e-6:  4.5rem;
  --e-7:  6.5rem;
  --e-8:  9rem;
  --e-9:  clamp(6rem, 12vw, 13.5rem);   /* aire entre secciones             */

  --alto-cabecera: 5.25rem;

  /* ── Movimiento ──────────────────────────────────────────────────────────
     Una sola curva y tres duraciones. El movimiento revela, nunca decora.   */

  --curva: cubic-bezier(0.22, 1, 0.36, 1);
  --v-corta: 240ms;
  --v-media: 620ms;
  --v-larga: 1100ms;
}

@media (max-width: 640px) {
  :root {
    --alto-cabecera: 4.25rem;
    --medida-lead: 100%;
  }
}