/* Forever Bond Studio — spacing, radii, shadows, layout */
:root{
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --page-x-mobile: 22px;
  --page-x-desktop: 64px;
  --section-mobile: 60px;
  --section-tablet: 88px;
  --section-desktop: 120px;
  --gap-desktop: 96px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-pill: 99px;
  --shadow-giftcard: 0 18px 40px rgba(60,30,110,.25);
  --shadow-giftcard-preview: 0 20px 50px rgba(60,30,110,.18);
  --shadow-mega: 0 30px 40px rgba(29,26,36,.06);
  --container: 1440px;
  --container-hero: 1600px;
  --container-form: 1280px;
  --header-height: 76px;
  --sticky-top: 96px;
  --touch-target: 44px;
  --bp-tablet: 700px;
  --bp-desktop: 1100px;
}