/* Club 8 — spacing, radius, borders, shadow, layout. 4px base grid. */
:root{
  --space-0: 0; --space-1: 4px; --space-2: 8px; --space-3: 12px;
  --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px;
  --space-8: 64px; --space-9: 96px; --space-10: 128px;

  /* Sharp or slightly rounded — the brand leans sharp */
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;     /* isotipo-style superellipse feel */
  --radius-pill: 999px;

  /* Clear, high-contrast borders */
  --border-w: 1.5px;
  --border-w-bold: 2.5px;

  /* Restrained shadows only */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.08);
  --shadow-md: 0 6px 20px rgba(0,0,0,0.12);
  --shadow-card: 6px 6px 0 var(--c8-black);   /* hard editorial offset shadow */

  --container: 1200px;
  --gutter: 24px;

  /* Motion — quick, confident, no bounce */
  --ease: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur: 200ms; /* @kind other */
}