/* Adshop — RMM Front Office · Spacing & layout tokens
 * 8-point grid: 4 / 8 / 16 / 24 / 32 / 48 / 64. */

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;  /* section rhythm (2×48) */

  /* Layout */
  --layout-max: 1280px;   /* desktop container max-width */
  --layout-gutter: 32px;  /* desktop side margins */
  --layout-gutter-tablet: 24px;
  --layout-gutter-mobile: 16px;
  --grid-columns: 12; /* @kind other */
  --grid-gap: 24px;

  /* Vertical rhythm for page sections */
  --section-py: 64px;
}