/* WattVision — Spacing, radius, layout. Multiples of 8px. */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;     /* default card radius */
  --radius-pill: 999px;

  --card-padding: 20px;

  /* 12-column grid */
  --grid-cols: 12;        /* @kind other */
  --grid-gap: 24px;
  --container-max: 1440px;
}