/* 4pt grid, corner radii, touch floors and layout caps.
   Sources: theme.ts (space / radius / hit), layout.ts, floatingTabBarInset.ts. */

:root {
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;  /* default screen gutter */
  --space-xxl: 24px;
  --space-xxxl: 32px;
  --space-huge: 40px;

  --radius-sm: 10px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --radius-sheet: 22px;
  --radius-pill: 999px;

  /* Touch floors (Apple HIG ≥44pt). Never shrink below. */
  --hit-min: 44px;
  --hit-row: 52px;
  --hit-card: 76px;
  --hit-cta: 56px;

  --hairline: 1px;

  /* Layout */
  --layout-regular-min-width: 600px;
  --layout-content-max-width: 560px;      /* reading column: settings, long lists */
  --layout-content-wide-max-width: 900px; /* primary interactive tabs */
  --layout-tab-pill-max-width: 520px;

  /* Floating tab capsule */
  --tabbar-pill-height: 58px;
  --tabbar-side-inset: 16px;
  --tabbar-bottom-gap: 8px;
  --tabbar-content-inset: 86px; /* 58 + 8 + 8 safe floor + 12 gap */
}