/* ============================================================
   AXEL UMANCHUK · tokens de diseño
   Fuente de verdad: BRAND_BOOK_Inversiones_Aristocraticas v1.1
   Todo el sitio lee de aquí. Cambia un valor y cambia el sitio.
   ============================================================ */

:root {
  /* ---- Color: tinta y fondo ---- */
  --negro:        #050505;
  --negro-suave:  #0C0C0C;
  --negro-panel:  #151312;
  --negro-borde:  #241F19;

  --marfil:       #FAF8F4;
  --marfil-hueso: #F2EFE8;
  --marfil-borde: #E2DDD2;

  /* ---- Color: acento único (oro) ---- */
  --oro:          #C08A2E;
  --oro-luz:      #F4D987;
  --oro-claro:    #E8B04B;   /* oro legible sobre negro */
  --oro-profundo: #7A4E0D;   /* oro legible sobre marfil */
  --oro-sombra:   #4A2C08;

  /* ---- Texto sobre negro ---- */
  --txt-claro:     #F5F2EC;
  --txt-claro-2:   #C6C0B5;   /* AA sobre negro */
  --txt-claro-3:   #9A948B;   /* solo para texto grande o metadatos */

  /* ---- Texto sobre marfil ---- */
  --txt-osc:       #16130F;
  --txt-osc-2:     #4A443B;
  --txt-osc-3:     #6E685E;

  /* ---- Señales ---- */
  --alerta:       #D9534F;
  --ok:           #3FA46A;

  /* ---- Tipografía ---- */
  --display: 'Lora', Georgia, 'Times New Roman', serif;
  --cuerpo:  'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Escala tipográfica fluida (no hay tamaños arbitrarios fuera de esto) */
  --t-xs:   clamp(0.75rem, 0.73rem + 0.10vw, 0.813rem);
  --t-sm:   clamp(0.875rem, 0.85rem + 0.12vw, 0.938rem);
  --t-base: clamp(1rem, 0.97rem + 0.16vw, 1.094rem);
  --t-md:   clamp(1.125rem, 1.07rem + 0.28vw, 1.313rem);
  --t-lg:   clamp(1.375rem, 1.24rem + 0.68vw, 1.75rem);
  --t-xl:   clamp(1.75rem, 1.44rem + 1.55vw, 2.625rem);
  --t-2xl:  clamp(2.25rem, 1.66rem + 2.95vw, 3.938rem);
  --t-3xl:  clamp(2.75rem, 1.60rem + 5.75vw, 6rem);

  --alto-titulo: 1.08;
  --alto-texto:  1.72;
  --track-alto:  0.14em;   /* letter-spacing para versalitas */

  /* ---- Ritmo y medidas ---- */
  --e-1: 0.5rem;
  --e-2: 1rem;
  --e-3: 1.5rem;
  --e-4: 2.5rem;
  --e-5: 4rem;
  --e-6: 6rem;
  --e-7: 9rem;

  --ancho-max:    1220px;
  --ancho-texto:  68ch;
  --radio:        3px;
  --radio-caja:   6px;

  /* ---- Movimiento ---- */
  --transicion: 240ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* ============================================================
   Fuentes autohospedadas — sin peticiones a Google.
   Licencia SIL OFL 1.1 (ver fonts/LICENCIA-FUENTES.txt)
   ============================================================ */

@font-face {
  font-family: 'Lora';
  src: url('../fonts/lora-var.woff2') format('woff2-variations');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}