/* FitPanel — spacing, radius, sizing tokens (4px base) */
: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;

  /* light rounding — the brand's rule: gentle, never bubbly */
  --radius-sm:   8px;   /* inputs, small chips-in-cards */
  --radius-md:   12px;  /* buttons, list rows */
  --radius-lg:   16px;  /* cards, sheets */
  --radius-xl:   20px;  /* modals, large media */
  --radius-full: 999px; /* pills, avatars, tags */

  /* screen layout */
  --screen-pad:   20px;  /* horizontal screen padding */
  --hit-target:   44px;  /* minimum touch target */
  --control-h-sm: 36px;
  --control-h-md: 44px;
  --control-h-lg: 52px;
}