/* TrakCorp spacing & layout — a 1200px column, generous vertical rhythm. */

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-30: 120px;

  /* ---- Page frame ---------------------------------------------------- */
  --container: 1200px;
  --gutter: 24px;              /* 20px below 640px */
  --header-h: 56px;            /* fixed nav: 15px padding + 26px logo */
  --scroll-offset: 80px;       /* scroll-margin-top on anchored sections */

  /* ---- Vertical rhythm ----------------------------------------------- */
  --section-pad-y: 120px;      /* standard section */
  --section-pad-y-sm: 96px;    /* case-study section */
  --section-pad-y-mobile: 84px;
  --hero-pad-top: 196px;       /* clears the fixed header with air */
  --gap-eyebrow-title: 20px;
  --gap-title-body: 22px;
  --gap-header-content: 64px;  /* section header → first card row */
  --gap-cards: 24px;
  --gap-cards-tight: 12px;     /* metric grid inside mocks */

  /* ---- Component padding --------------------------------------------- */
  --pad-glass: 40px;           /* glass card (26px 18px on mobile) */
  --pad-card: 22px 24px 24px;  /* work card body */
  --pad-panel: 16px 18px;      /* chart / list panel in mocks */
  --pad-row: 15px 0;           /* ruled list item */
  --button-h: 2.5rem;
  --button-h-sm: 2.25rem;
  --button-h-lg: 2.75rem;
  --input-h: 2.5rem;
}