/* Atelier Casa Alta — design tokens */
:root {
  /* Paleta: lino, arena, terracota apagada, roble, carbón */
  --lino: #F2EBE0;
  --lino-2: #EAE0D0;
  --arena: #E3D5C1;
  --arena-2: #CDB79B;
  --terracota: #A9614A;
  --terracota-2: #8C4C38;
  --roble: #94704F;
  --carbon: #2A231E;
  --carbon-2: #5A4D43;
  --error: #9A3A22;
  --shade: 22, 17, 13;

  /* Tipografía */
  --serif: "Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --sans: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;

  --fs-body: clamp(17px, 0.45vw + 11px, 19px);
  --fs-lede: clamp(19px, 0.7vw + 10px, 23px);
  --fs-h: clamp(48px, 6.6vw, 124px);
  --fs-giant: clamp(150px, 24vw, 460px);
  --fs-label: 12px;

  /* Grilla de 12 columnas */
  --margin: clamp(20px, 3.6vw, 68px);
  --gutter: clamp(14px, 1.6vw, 28px);
  --col: calc((100vw - 2 * var(--margin) - 11 * var(--gutter)) / 12);
  --span-3: calc(3 * var(--col) + 2 * var(--gutter));
  --span-4: calc(4 * var(--col) + 3 * var(--gutter));
  --span-5: calc(5 * var(--col) + 4 * var(--gutter));
  --span-6: calc(6 * var(--col) + 5 * var(--gutter));

  /* Movimiento: lento, sin rebotes */
  --ease: cubic-bezier(.2, .7, .1, 1);
  --ease-io: cubic-bezier(.7, 0, .2, 1);
  --ease-soft: cubic-bezier(.16, 1, .3, 1);

  --bar-h: 64px;
}

@media (max-width: 760px) {
  :root {
    --fs-h: clamp(40px, 11.4vw, 60px);
    --fs-giant: 34vw;
    --bar-h: 56px;
  }
}