/* ============================================================
   Sabatak — Spacing & Layout Tokens
   No global scale existed in source (spacing was inline per
   component). This is a harmonized 4px-based scale plus the
   real observed pricing-section values, and the breakpoints.
   ============================================================ */

:root {
  /* ---- Spacing scale (4px base) ---- */
  --space-0:  0;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-7:  28px;   /* pricing card vertical padding */
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;

  /* ---- Observed pricing-section spacing ---- */
  --pad-card-corporate: 28px 31px;
  --pad-card-growth:    26px 25px;
  --pad-card-starter:   28px 25px;
  --gap-card-corporate: 11px;
  --gap-card-growth:    7px;
  --gap-pricing-outer:  11px;

  /* ---- Layout ---- */
  --container-max: 1200px;
  --section-pad-y: 96px;
  --section-pad-x: 24px;

  /* ---- Breakpoints (reference values) ---- */
  --bp-desktop: 1200px;   /* L */
  --bp-tablet:  810px;    /* M : 810–1199 */
  --bp-mobile:  809px;    /* S : < 810 */
}