:root{
/* base de 4px */
--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;
--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;
--space-20:80px;--space-24:96px;--space-32:128px;--space-40:160px;

/* ritmo */
--gutter:var(--space-6);
--section-y:var(--space-32);
--section-y-tight:var(--space-20);
--container-max:1280px;
--container-narrow:720px;
--measure:64ch;/* @kind other */

/* radios — la marca corta a escuadra. Las curvas son la excepción, nunca la regla. */
--radius-none:0;--radius-hair:2px;--radius-sm:3px;--radius-md:4px;--radius-pill:999px;
--radius-card:var(--radius-none);
--radius-control:var(--radius-none);
--radius-media:var(--radius-none);

/* bordes */
--border-hairline:1px;/* @kind spacing */--border-strong:2px;/* @kind spacing */

/* controles */
--control-h-sm:36px;--control-h-md:44px;--control-h-lg:56px;
--tap-min:44px;
}