/* ============================================================
   Jackim Woods & Co. — Spacing, radii, shadows, motion, layout
   ============================================================ */
:root {
  /* -- Spacing scale (4px base) -- */
  --sp-1:  0.25rem;  /*  4px */
  --sp-2:  0.5rem;   /*  8px */
  --sp-3:  0.75rem;  /* 12px */
  --sp-4:  1rem;     /* 16px */
  --sp-5:  1.25rem;  /* 20px */
  --sp-6:  1.5rem;   /* 24px */
  --sp-8:  2rem;     /* 32px */
  --sp-10: 2.5rem;   /* 40px */
  --sp-12: 3rem;     /* 48px */
  --sp-16: 4rem;     /* 64px */
  --sp-18: 4.5rem;   /* 72px */
  --sp-20: 5rem;     /* 80px  — section padding (mobile) */
  --sp-28: 7rem;     /* 112px — section padding (desktop) */

  /* -- Layout -- */
  --container-max:   1200px;
  --container-pad:   1.5rem;   /* 24px side gutters */
  --section-pad-y:   5rem;     /* 80px mobile */
  --section-pad-y-lg:7rem;     /* 112px desktop */
  --section-pad-compact: 4rem; /* 64px — CTA/trust bands */
  --grid-gap:        2rem;     /* card grids: 24–32px */

  /* -- Corner radii (squared-off, professional) -- */
  --radius:      0.375rem;  /*  6px — inputs, generic */
  --radius-btn:  0.25rem;   /*  4px — buttons (squared) */
  --radius-card: 0.5rem;    /*  8px — standard cards */
  --radius-xl:   1rem;      /* 16px — feature cards, modals, tools */
  --radius-pill: 999px;     /* pills, filter chips */

  /* -- Elevation / shadows (cool navy-tinted) -- */
  --shadow-xs:   0 1px 2px rgba(5,18,35,.05);
  --shadow-sm:   0 4px 12px rgba(5,18,35,.06);
  --shadow-lift: 0 12px 32px rgba(5,18,35,.10);   /* card hover */
  --shadow-feature: 0 20px 25px -5px rgba(5,18,35,.10), 0 8px 10px -6px rgba(5,18,35,.10);
  --shadow-float: 0 12px 28px rgba(5,18,35,.18);  /* floating badges */
  --shadow-gold:  0 8px 24px rgba(199,138,59,.30);/* gold CTA glow */

  /* -- Motion -- */
  --ease:        0.2s ease;         /* @kind other */ /* buttons, hovers */
  --ease-reveal: 0.6s ease;         /* @kind other */ /* scroll fade-up */
  --lift-hover:  translateY(-2px);  /* @kind other */ /* buttons */
  --lift-card:   translateY(-4px);  /* @kind other */ /* cards */
}