/* Design tokens: único lugar donde se definen colores, tipografía, espacios y movimiento. */
:root {
  --sal: #eef3f2;
  --espuma: #fafbfa;
  --bruma: #c9d9dd;
  --mar: #2d6a7b;
  --marea: #173a47;
  --marea-suave: #4f6a73;
  --salvia: #9db8ab;
  --arena: #ddd0ba;
  --labio: #b8403f; /* rojo de los labios en las pinturas; solo acento puntual */

  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-body: "Albert Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --step--1: clamp(0.84rem, 0.82rem + 0.1vw, 0.92rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-1: clamp(1.15rem, 1.05rem + 0.4vw, 1.35rem);
  --step-2: clamp(1.6rem, 1.2rem + 1.5vw, 2.4rem);
  --step-hero: clamp(4.2rem, 2.4rem + 9vw, 9.5rem);

  --gutter: clamp(1.25rem, 5vw, 4rem);
  --section-space: clamp(4rem, 8vw, 7rem);
  --radius-arch: 999px 999px 0 0;
  --shadow-piece: 0 1.5rem 3rem -1.25rem rgb(23 58 71 / 0.45);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --perspective: 1100px;
}