/* FIBRA: tokens de diseño. No cambies nombres ni valores;
   si necesitás uno nuevo, agregalo al final con un comentario. Fuente: EXPERIENCIA.md §2. */

@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("../fonts/barlow-condensed-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 600; font-display: swap;
  src: url("../fonts/barlow-condensed-latin-600-italic.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("../fonts/barlow-condensed-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 700; font-display: swap;
  src: url("../fonts/barlow-condensed-latin-700-italic.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 800; font-display: swap;
  src: url("../fonts/barlow-condensed-latin-800-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 800; font-display: swap;
  src: url("../fonts/barlow-condensed-latin-800-italic.woff2") format("woff2"); }
@font-face { font-family: "Instrument Sans"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url("../fonts/instrument-sans-latin-wght-normal.woff2") format("woff2"); }
@font-face { font-family: "Instrument Serif"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../fonts/instrument-serif-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Instrument Serif"; font-style: italic; font-weight: 400; font-display: swap;
  src: url("../fonts/instrument-serif-latin-400-italic.woff2") format("woff2"); }

:root {
  /* La sala oscura */
  --noche: #0B0A09;
  --noche-2: #121010;
  --noche-3: #1A1716;
  --linea-noche: #2A2522;
  --hueso: #F2EFE9;
  --hueso-2: #B5ADA6;
  --hueso-3: #8A827B;

  /* La fibra (medida en el logo) */
  --fibra: #7A0A0A;
  --fibra-honda: #3D0304;
  --fibra-brillo: #B02622;
  --sangre: #E11414;
  --sangre-2: #FF2A1C;
  --sobre-sangre: #FFFFFF;   /* texto del botón principal: 4,87:1 sobre --sangre (AA). --hueso no alcanza */
  /* Contrastes medidos: --sangre sobre --noche 4,06 (solo titulares grandes, íconos e indicadores);
     --fibra-brillo sobre --noche 2,96 (solo decoración, nunca texto). */

  /* El informe (el papel de sus documentos) */
  --papel: #F3E9DC;
  --papel-2: #EADFCF;
  --tinta: #2E0F12;
  --tinta-2: #6B4A45;
  --roja-informe: #8E1116;
  --linea-papel: rgb(46 15 18 / 0.14);

  /* Estados */
  --ok: #3F8F5B;
  --aviso: #B7791F;
  --error: #E5484D;

  /* Tipografía */
  --f-titular: "Barlow Condensed", "Arial Narrow", sans-serif;
  --f-texto: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-cita: "Instrument Serif", Georgia, serif;
  --t-heroe: clamp(3.25rem, 1.6rem + 8.5vw, 10rem);
  --t-h2: clamp(2.4rem, 1.4rem + 4.6vw, 5.5rem);
  --t-h3: clamp(1.6rem, 1.2rem + 1.6vw, 2.4rem);
  --t-texto: 1.0625rem;      /* 17 px */
  --t-chico: 0.9375rem;      /* 15 px */
  --t-nota: 0.875rem;        /* 14 px */
  --interlinea: 1.55;
  --interlinea-titular: 0.92;

  /* Forma */
  --r-s: 4px;
  --r-m: 8px;
  --r-l: 14px;
  --angulo: -8deg;           /* la pendiente del logo */

  /* Espacio */
  --e-1: 0.25rem; --e-2: 0.5rem; --e-3: 0.75rem; --e-4: 1rem; --e-5: 1.5rem;
  --e-6: 2rem; --e-7: 3rem; --e-8: 4.5rem; --e-9: 7rem; --e-10: 10rem;
  --ancho: min(1240px, 100% - 2 * var(--margen));
  --margen: clamp(1.25rem, 0.8rem + 2.4vw, 3rem);

  /* Tiempo */
  --d-hover: 180ms;
  --d-texto: 450ms;
  --d-titular: 600ms;
  --d-foto: 900ms;
  --ease-salida: cubic-bezier(.16, 1, .3, 1);       /* expo.out */
  --ease-suave: cubic-bezier(.22, 1, .36, 1);
  --ease-texto: cubic-bezier(.215, .61, .355, 1);   /* power3.out */

  /* Alto de pantalla sin saltos (svh con respaldo) */
  --pantalla: 100vh;
}
@supports (height: 100svh) { :root { --pantalla: 100svh; } }