/* ============================================================
   LAGOS — Tokens de marca

   ⚠️  ESTE ARCHIVO ES TERRITORIO DE MARCA.
   Solo lo modifica Moni. El cliente NO cambia colores ni tipografías.

   El sitio es blanco. El azul es color de marca, no superficie:
   se usa en tipografía, líneas y acentos. "Siempre se lo imagina
   sobre blanco" (reunión 15 de julio).
   ============================================================ */

:root {
  /* --- Color -------------------------------------------------- */
  /* Muestreados del archivo de logo definitivo (LOGO LAGOS FINAL). */
  --azul:        #0C1726;  /* primario — confianza y expertiz    */
  --azul-medio:  #17253A;
  --celeste:     #A7B4BF;  /* secundario — frescura y carácter   */
  --celeste-sup: #C9D3DA;
  --hueso:       #F5F5F3;  /* fondo alterno, muy leve            */
  --blanco:      #FFFFFF;

  /* Roles semánticos: usar estos en los componentes, no los crudos */
  --fondo:            var(--blanco);
  --fondo-alt:        var(--hueso);
  --fondo-oscuro:     var(--azul);
  --texto:            var(--azul);
  --texto-suave:      #5B6B7D;
  --texto-invertido:  var(--blanco);
  --linea:            #DFE3E7;
  --linea-fuerte:     var(--celeste);
  --acento:           var(--celeste);

  /* --- Tipografía --------------------------------------------- */
  /* Cuatro familias, cada una con un rol fijo:

     display → Libre Baskerville. Titulares y títulos de área.
               Los énfasis del hero, en negrita itálica.
     numero  → Barlow Semi Condensed Light. Solo los números de las
               áreas: semi condensada para poder ir realmente grande.
     texto   → Source Sans 3. Cuerpo de texto.
     ui      → Helvetica Neue. Nav, etiquetas y nombres del equipo.

     Las tres primeras van auto-hospedadas (ver fuentes.css) y van
     PRIMERAS a propósito: así el sitio se ve igual en todos los
     dispositivos y no una cosa en Mac y otra en Windows.

     Barlow Semi Condensed reemplaza a AvantGarde EF y Source Sans 3 a
     Whitney: las originales son comerciales y no venían en ningún
     sistema, así que no las veía nadie. Estas dos son de licencia libre.

     Helvetica Neue es la única sin auto-hospedar: existe en Mac y
     iPhone, y en Windows cae a Arial, que es bastante parejo. */
  --font-display: "Libre Baskerville", Baskerville, "Baskerville Old Face",
                  "Times New Roman", Georgia, serif;
  --font-numero:  "Barlow Semi Condensed", "Arial Narrow", "Avenir Next Condensed",
                  sans-serif;
  --font-texto:   "Source Sans 3", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-ui:      "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* Barlow Semi Condensed Light para los números. */
  --peso-numero: 300;
  /* Presencia sin gritar: se ajustó a la baja a pedido del cliente. */
  --t-numero: clamp(3.4rem, 5vw, 4.5rem);        /* ya sin uso: las áreas van por nombre */
  --t-titulo-area: clamp(1.5rem, 2vw, 1.9rem);   /* nombre del área, encabeza el cuadrado */

  /* El mockup pide Baskerville Semibold en los títulos de área.
     Libre Baskerville no tiene semibold: solo 400 y 700. Usamos 700
     antes que dejar que el navegador invente un peso intermedio. */
  --peso-titulo-area: 700;

  /* Escala tipográfica. Sobria: pocos tamaños, bien diferenciados. */
  --t-hero:   clamp(2.1rem, 4.6vw, 3.9rem);
  --t-titulo: clamp(1.6rem, 2.8vw, 2.4rem);
  --t-sub:    clamp(1.1rem, 1.7vw, 1.35rem);
  --t-base:   1.0625rem;
  --t-chico:  0.875rem;
  --t-micro:  0.75rem;

  --interlineado-titulo: 1.15;
  --interlineado-texto:  1.7;
  --tracking-logo:       0.22em;
  --tracking-etiqueta:   0.14em;

  /* --- Ritmo y layout ----------------------------------------- */
  /* El aire es parte de la marca: sobriedad y espacio en blanco.  */
  --e1: 0.5rem;
  --e2: 1rem;
  --e3: 1.5rem;
  --e4: 2.5rem;
  --e5: 4.5rem;
  --e6: 7.5rem;

  --ancho-max:   1240px;
  --ancho-texto: 62ch;
  --radio: 0;              /* sin esquinas redondeadas */

  --transicion: 260ms cubic-bezier(0.4, 0, 0.2, 1);
}