:root{
  /* espaciado: múltiplos de 8. --space-1 (4px) is a half-step, only for hairline nudges. */
  --space-base:8px;
  --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-24:96px;

  /* radios: 12 tarjeta · 11 botón · 99 píldora. No square corners in the brand. */
  --radius-xs:6px;--radius-sm:8px;--radius-btn:11px;--radius-md:12px;--radius-card:12px;
  --radius-lg:12px;--radius-xl:20px;--radius-pill:99px;
  --radius-photo:12px;

  --tap-min:44px;          /* POS + mobile minimum hit target */

  /* grilla: 12 columnas, canal 24px, margen exterior 40px (24px en móvil) */
  --grid-cols:12; /* @kind other */
  --grid-gutter:24px;
  --page-margin:40px;
  --page-margin-sm:24px;

  --gutter-page:24px;
  --gutter-page-lg:64px;
  --maxw-prose:66ch;
  --maxw-site:1200px;
  --sidebar-w:248px;
  --sidebar-w-collapsed:76px;
}