:root{
--container-max:1240px;--gutter-max:90px;--content-max:1060px;
--gutter:clamp(20px, calc((100vw - 720px) / 2 + 20px), 90px); /* @kind spacing */
--header-height:64px;--header-accent-line:8px;--logo-size:72px;
--bar-height:76px;--bar-button-min-height:52px;--float-size:60px;--float-offset:28px;--tap-min:44px;
--footer-pad-top:clamp(72px,11vw,128px);
/* Breakpoints (referencia; usar en JS/media queries) */
--bp-nav:1100px;--bp-mobile:820px;--bp-small:420px;
/* Espaciado observado */
--space-2:2px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-36:36px;--space-48:48px;
/* Radios */
--radius-button:2px;--radius-swatch:4px;--radius-logo-base:0 0 8px 8px;--radius-pill:999px;--radius-round:50%;
/* Sombras */
--shadow-logo:0 4px 10px rgba(66,66,66,0.16);--shadow-menu:0 12px 24px rgba(66,66,66,0.25);--shadow-float:0 10px 30px rgba(66,66,66,0.3);
/* Z-index */
--z-guides-green:40; /* @kind other */
--z-header:50; /* @kind other */
--z-whatsapp:60; /* @kind other */
--z-palette:90;
--z-guides-red:9999; /* @kind other */
}