/* ============================================================
   LINQURA · SPACING & LAYOUT TOKENS — Concept B
   Source: Design System v2 §4
   ============================================================ */

:root {
  /* ---- Layout ---- */
  --max-width: 1320px;          /* Max content width, centered on all viewports. */
  --pad-x-desktop: 40px;        /* Horizontal page padding — desktop. */
  --pad-x-tablet: 24px;         /* Horizontal page padding — tablet. */
  --pad-x-mobile: 16px;         /* Horizontal page padding — mobile. */
  --nav-height: 66px;
  --hero-pad-top: 96px;         /* Nav bottom to hero headline. */

  /* ---- Vertical rhythm ---- */
  --section-gap-dark: 104px;    /* Between major sections on dark. */
  --section-gap-light: 96px;    /* Between sections on white. */

  /* ---- Card spacing ---- */
  --card-gap-min: 18px;         /* Grid gap (pipeline). */
  --card-gap-max: 24px;         /* Grid gap (products). */
  --card-pad-sm: 26px;          /* Pipeline node padding (26px 22px). */
  --card-pad-md: 30px;          /* Step card padding. */
  --card-pad-lg: 38px;          /* Product card / stat cell padding. */

  /* ---- Spacing scale (general use) ---- */
  --space-1: 6px;
  --space-2: 9px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 18px;
  --space-6: 24px;
  --space-7: 30px;
  --space-8: 38px;
  --space-9: 50px;

  /* ============================================================
     SEMANTIC ALIASES
     ============================================================ */
  --gutter: var(--pad-x-desktop);
  --content-width: var(--max-width);
}