/* =============================================================
   RECÓ Estudi — Design Tokens
   Versión B: Jost única familia, grid con líneas visibles
============================================================= */

:root {
  /* Color */
  --ink:        #1c1917;
  --ink-mid:    #57534e;
  --ink-light:  #837a74;
  --paper:      #faf8f5;
  --paper-warm: #f0ebe3;
  --accent:     #9e584c;
  --accent-h:   #7d4039;
  --rule:       #ddd8d0;

  /* Tipografía — una sola familia */
  --f: 'Jost', system-ui, sans-serif;

  /* Escala */
  --text-micro: 0.6rem;
  --text-xs:    0.72rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    clamp(1.5rem, 2.8vw, 2.1rem);
  --text-xl:    clamp(2rem, 4.5vw, 3.2rem);
  --text-2xl:   clamp(2.8rem, 7vw, 5.2rem);

  /* Espaciado */
  --sp-1:  0.5rem;
  --sp-2:  1rem;
  --sp-3:  1.5rem;
  --sp-4:  2rem;
  --sp-5:  2.5rem;
  --sp-6:  3rem;
  --sp-8:  4rem;
  --sp-10: 5rem;
  --sp-12: 6rem;
  --sp-16: 8rem;

  /* Layout — clave: max-width centrado */
  --container:  1200px;
  --nav-h:      3.25rem;
  --pad-x:      clamp(1.25rem, 4vw, 2.5rem); /* padding interno del container */

  /* Transición */
  --dur: 200ms;
  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
}