/* Void Helm — layout tokens (observed from Container + showcase usage).
   Breakpoints follow the source: sm 640px, md 768px, lg 1024px. */

:root {
  /* container max widths */
  --container-md: 768px;
  --container-lg: 1120px;   /* default */
  --container-xl: 1320px;

  /* page gutters (step up with breakpoints) */
  --gutter-base: 20px;
  --gutter-sm: 40px;
  --gutter-lg: 64px;

  /* rhythm observed in the showcase */
  --space-panel: 32px;       /* panel padding, 40–48px on large panels */
  --space-section: 80px;     /* vertical section padding */
  --header-h: 64px;
}