/* ===========================================================
   VITA LLÍBER — Tokens de marca
   Único lugar donde viven colores, tipografías y espaciado.
   Paleta y tipografía según VITA_Manual_de_Marca / §9 Estrategia.
   =========================================================== */

:root {
  /* --- Color --------------------------------------------- */
  --c-obsidiana:  #0B0B0A;   /* negro cálido — fondo principal */
  --c-obsidiana-2:#121211;   /* superficie elevada */
  --c-obsidiana-3:#1A1917;   /* bordes / cards */
  --c-cal:        #F2EEE7;   /* blanco mineral — texto principal (17,03:1) */
  --c-travertino: #C9C0B4;   /* piedra clara — texto secundario (10,95:1) */
  --c-bronce:     #B18A5B;   /* metal cálido — enlaces y acentos (6,24:1) */
  --c-bronce-cl:  #C9A676;   /* bronce aclarado para hover */
  --c-hoja:       #8B8973;   /* oliva seca — acento secundario (5,55:1) */
  --c-lino:       #F7F4EF;   /* papel — fondo editorial claro */
  --c-tierra:     #5B554C;   /* texto secundario sobre claro (6,72:1) */

  /* Roles semánticos */
  --bg:           var(--c-obsidiana);
  --bg-alt:       var(--c-obsidiana-2);
  --surface:      var(--c-obsidiana-3);
  --text:         var(--c-cal);
  --text-soft:    var(--c-travertino);
  --accent:       var(--c-bronce);
  --rule:         rgba(242, 238, 231, 0.14);
  --rule-strong:  rgba(242, 238, 231, 0.28);

  /* --- Tipografía ---------------------------------------- */
  --font-display: "Newsreader", Georgia, "Times New Roman", serif;
  --font-sans:    "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* Newsreader no tiene cirílico: en ruso los títulos usan Georgia. */

  --fs-h1:    clamp(2.6rem, 6vw, 5.8rem);
  --fs-h2:    clamp(1.85rem, 3.5vw, 3rem);
  --fs-h3:    clamp(1.3rem, 1.8vw, 1.65rem);
  --fs-lead:  clamp(1.12rem, 1.45vw, 1.35rem);
  --fs-body:  clamp(1.02rem, 1.1vw, 1.12rem);
  --fs-small: 0.95rem;
  --fs-fact:  clamp(2rem, 3.2vw, 3rem);   /* cifras grandes de la barra de datos */
  --fs-label: 0.78rem;

  --lh-display: 1.0;
  --lh-body:    1.62;

  --tracking-label: 0.26em;
  --tracking-eyebrow: 0.34em;

  /* --- Espaciado ----------------------------------------- */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2.5rem;
  --sp-5: 4rem;
  --sp-6: 4.5rem;
  --sp-7: 6rem;
  --section-y: clamp(3.4rem, 6.4vw, 6.4rem);

  /* --- Layout -------------------------------------------- */
  --maxw:        1320px;
  --maxw-text:   62ch;
  --gutter:      clamp(1.25rem, 5vw, 4.5rem);

  /* --- Movimiento ---------------------------------------- */
  --ease:     cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur:      0.6s;
  --dur-slow: 1.1s;
}

/* Ruso: Newsreader no cubre el cirílico, los títulos caen a Georgia.
   Manrope sí tiene cirílico, así que el cuerpo no cambia. */
html[lang="ru"] {
  --font-display: Georgia, "Times New Roman", serif;
  --fs-h1: clamp(2.2rem, 4.9vw, 4.6rem);
  --fs-h2: clamp(1.7rem, 3.1vw, 2.6rem);
  /* El cirílico encadena palabras largas: las cifras bajan para no partirse. */
  --fs-fact: clamp(1.55rem, 2.3vw, 2.05rem);
  --tracking-eyebrow: 0.24em;
  --tracking-label: 0.18em;
}