/* =========================================================
   TOKENS — única fuente de colores, tipografía y espacios.
   Para cambiar la identidad del sitio, se edita solo este archivo.
   ========================================================= */
:root {
  /* Paleta desértica (manual de marca) */
  --c-arena:   #F5F2EB;
  --c-cobre:   #B54D28;   /* cobre de marca oscurecido: contraste AA con blanco y con arena */
  --c-grafito: #22252A;
  --c-roto:    #FAFAFA;
  --c-ambar:   #E09F3E;

  /* Derivados funcionales */
  --c-cobre-hover: #9D4221;
  --c-ink:      #22252A;
  --c-ink-soft: #5C5E62;   /* texto secundario sobre arena (contraste AA) */
  --c-line:     rgba(34, 37, 42, .12);
  --c-on-dark-soft: rgba(250, 250, 250, .72);

  /* Tipografía: una sola familia (Archivo), el ancho marca la jerarquía */
  --font: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --w-wide: 125;     /* titulares */
  --w-normal: 100;   /* texto */
  --w-narrow: 75;    /* datos y rótulos */

  /* Escala tipográfica (fluida) */
  --fs-hero:  clamp(2.75rem, min(12vw, 14svh), 8.5rem); /* limitado también por el alto de pantalla */
  --fs-h2:    clamp(2rem, 5vw, 3.75rem);
  --fs-h3:    clamp(1.5rem, 2.6vw, 2.125rem);
  --fs-alt:   clamp(4rem, 9vw, 7.5rem);
  --fs-lead:  clamp(1.0625rem, 1.4vw, 1.25rem);
  --fs-body:  1.0625rem;
  --fs-small: .875rem;

  /* Espaciado (escala 4/8) */
  --s-1: .25rem;  --s-2: .5rem;  --s-3: .75rem;  --s-4: 1rem;
  --s-5: 1.5rem;  --s-6: 2rem;   --s-7: 3rem;    --s-8: 4rem;
  --s-9: 6rem;    --s-10: 8rem;

  --gutter: clamp(1rem, 4vw, 3rem);
  --max: 78rem;
  --measure: 38rem;   /* largo de línea cómodo (~70 caracteres) */

  /* Formas y movimiento */
  --r-sm: 6px;
  --r-md: 10px;
  --r-pill: 999px;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --t-fast: 180ms;
  --t-med: 420ms;

  --header-h: 4.5rem;
}
