/* HumbleBear spacing. The convention is: default to 6 (1.5rem), drop to 3 only when
   intentionally tighter. Values are rem on Tailwind's 0.25rem step; at the product's
   14px root, space-6 renders 21px. */

:root{
  --space-0-5:.125rem;
  --space-1:.25rem;
  --space-1-5:.375rem;
  --space-2:.5rem;
  --space-3:.75rem;   /* tight groups, badge/menu gaps */
  --space-4:1rem;
  --space-5:1.25rem;
  --space-6:1.5rem;   /* DEFAULT: card padding, page padding, section gap */
  --space-8:2rem;
  --space-10:2.5rem;  /* marketing block gap */
  --space-20:5rem;    /* marketing section rhythm (py-20) */

  /* control heights (fixed px in source, not rem) */
  --control-h-xs:1.5rem;   /* 24px */
  --control-h-sm:2rem;     /* 32px */
  --control-h:2.5rem;      /* 40px — inputs, selects, default button */
  --control-h-md:3rem;     /* 48px */
  --control-h-lg:3.5rem;   /* 56px — marketing CTA */

  /* layout */
  --sidebar-w:18rem;         /* w-2xs */
  --container-app:80rem;     /* max-w-7xl */
  --container-marketing:80rem;
  --container-prose:48rem;
}