/* Tokens de marca: La Chapatería. Valores y contrastes en docs/04-marca-y-diseno.md */
/* La raíz es fluida: 16 px en celular y hasta 22 px en pantallas grandes. Todo lo demás va en rem. */
html { font-size: clamp(16px, .35vw + 12.5px, 22px); }

:root {
  --oliva: #A29E6D;
  --oliva-profundo: #6B6A44;
  --oliva-noche: #3B3A22;
  --crema: #F2EADF;
  --crema-clara: #F9F4EC;
  --crema-tono: #EAE0D1;
  --tinta: #2B2A1C;
  --tinta-suave: #55533F;
  --vino: #7A2E3F; /* aprox., ajustar con muestra del empaque */
  --vino-hover: #66232F;
  --vino-suave: #F1DADC;
  --noche-calida: #1E1B14;
  --noche-tono: #2A261C;
  --linea: rgb(162 158 109 / .4);

  --f-titular: "Instrument Serif", "Times New Roman", serif;
  --f-texto: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Escala de espaciado (nombre = px a 16 px de raíz) */
  --e4: .25rem; --e8: .5rem; --e12: .75rem; --e16: 1rem;
  --e24: 1.5rem; --e32: 2rem; --e48: 3rem; --e64: 4rem;

  --t-sm: .9375rem;
  --t-base: 1.0625rem;
  --t-desc: 1.0625rem;
  --t-md: 1.1875rem;
  --t-lg: clamp(1.5rem, 4.6vw, 2.125rem);
  --t-xl: clamp(2.25rem, 8.6vw, 4.25rem);
  --t-xxl: clamp(3rem, 13vw, 7.5rem);
  --medida: 38ch; /* ancho máximo de línea de lectura en celular */

  --r-card: .875rem;
  --r-hoja: 1.5rem;
  --r-pill: 999px;

  --gutter: var(--e16);
  --max: 90rem;
  --franja-h: 36px; /* alto fijo en px (36 celular, 40 escritorio) */
  --header-h: 4rem;
  --chips-h: 3.5rem;
  --nav-h: 4.25rem;
  --sec-gap: clamp(4.5rem, 12vw, 10rem);

  --ease: cubic-bezier(.2, .7, .2, 1);
  --d-fast: 150ms;
  --d-med: 280ms;
  --d-slow: 400ms;
}

@media (min-width: 640px) { :root { --gutter: var(--e24); } }
@media (min-width: 1024px) { :root { --gutter: var(--e32); --header-h: 5rem; --nav-h: 0rem; --franja-h: 40px; --medida: 46ch; } }
@media (min-width: 1280px) {
  :root {
    --gutter: var(--e48);
    --sec-gap: clamp(7rem, 8vw, 10rem);
    --t-sm: 1rem;
    --t-base: 1.125rem;
    --t-desc: 1.125rem;
    --t-md: 1.3125rem;
    --t-lg: clamp(2rem, 2.2vw, 3.25rem);
    --t-xl: clamp(3.25rem, 4.6vw, 6.5rem);
    --t-xxl: clamp(4rem, 8vw, 10rem);
    --medida: 52ch;
  }
}