/* ─── GRAVELNDAR Spacing Tokens ──────────────────────────────────────────── */
/* 8-point base grid. All values are multiples of 4px.                        */

:root {
  --space-px:  1px;
  --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;
  --space-11:  192px;
  --space-12:  256px;

  /* ── Layout ── */
  --container-max:    1280px;
  --container-wide:   1600px;
  --container-narrow: 800px;
  --gutter:           var(--space-6);
  --gutter-mobile:    var(--space-4);

  /* ── Component-level ── */
  --padding-btn-y:     var(--space-3);
  --padding-btn-x:     var(--space-5);
  --padding-btn-y-sm:  var(--space-2);
  --padding-btn-x-sm:  var(--space-4);
  --padding-card:      var(--space-6);
  --padding-section-y: var(--space-10);
}