/* ===================================================================
   Una sola escala para todo el sitio: portada, aplicación, acceso y
   páginas legales. Cuadrícula de 4/8 pt, escala tipográfica cerrada,
   una altura de control, un radio, tres duraciones y una curva.
   Los colores y las fuentes viven en cada hoja; aquí solo las medidas.
   =================================================================== */
:root {
  /* espacio: múltiplos de 4 px */
  --sp-1: 0.25rem;  --sp-2: 0.5rem;   --sp-3: 0.75rem;  --sp-4: 1rem;
  --sp-5: 1.25rem;  --sp-6: 1.5rem;   --sp-8: 2rem;     --sp-10: 2.5rem;
  --sp-12: 3rem;    --sp-16: 4rem;    --sp-24: 6rem;

  /* tipografía: 12 · 14 · 16 · 18 · 20 · 24 · 28 · 32 · 36 · 40 · 48,
     y los pasos de exhibición 56 · 64 · 96 · 120 para cifras y sellos. */
  --fs-12: 0.75rem;  --fs-14: 0.875rem; --fs-16: 1rem;    --fs-18: 1.125rem; --fs-20: 1.25rem;
  --fs-24: 1.5rem;   --fs-28: 1.75rem;  --fs-32: 2rem;    --fs-36: 2.25rem;  --fs-40: 2.5rem;
  --fs-48: 3rem;     --fs-56: 3.5rem;   --fs-64: 4rem;    --fs-96: 6rem;     --fs-120: 7.5rem;

  /* controles: 44 px con el dedo, 40 px con el ratón */
  --control: 44px;
  --radius: 3px;

  /* movimiento: breve y preciso; una curva */
  --dur-1: 150ms;  --dur-2: 250ms;  --dur-3: 400ms;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-stamp: cubic-bezier(0.2, 0.9, 0.3, 1.2);
}
@media (pointer: fine) { :root { --control: 40px; } }