/* shoostro — spacing, radii, layout (Brandbook 2025, p.05) */
:root {
  /* Spacing scale: 8 / 16 / 24 / 32 / 48 / 64 / 96 */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;

  /* Corner radii */
  --radius-sm: 8px;   /* tags, chips, small controls */
  --radius-md: 12px;  /* buttons, inputs */
  --radius-lg: 16px;  /* cards */
  --radius-xl: 24px;  /* large panels, slide blocks */

  /* Layout grid: 12 columns */
  --layout-max: 1280px;
  --layout-margin: 64px;
  --grid-gutter: 24px;
}