/* ============================================================================
   HiClotho spacing & radii
   The app uses a soft 2px-based rhythm (not a strict 8pt grid) — the exact
   Flutter EdgeInsets values are preserved here. Card padding is 16; the corner
   radius family runs 6 → 8 → 12 → 16 → full(100). Mirrors app_theme.dart.
   ============================================================================ */

:root {
  /* Spacing scale (px) */
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;   /* common tile inset               */
  --space-16: 16px;   /* card padding / page gutter       */
  --space-18: 18px;
  --space-20: 20px;   /* page gutter (people/account)     */
  --space-24: 24px;   /* sheet gutter                     */
  --space-28: 28px;
  --space-32: 32px;

  /* Radii */
  --radius-xs: 6px;    /* photo thumbnails                */
  --radius-sm: 8px;    /* inputs, chips (radius/2)         */
  --radius-md: 12px;   /* segmented inner, error banner    */
  --radius-lg: 16px;   /* cards, buttons (the default)     */
  --radius-xl: 24px;   /* bottom-sheet top corners         */
  --radius-full: 100px;/* pills, avatars, badges           */

  /* Hairline weight — the primary way surfaces are bounded (flat system). */
  --hairline-width: 1px;

  /* Common component sizes */
  --nav-height: 64px;
  --fab-size: 56px;
  --avatar-md: 48px;   /* radius 24 in Flutter            */
  --touch-min: 44px;   /* minimum hit target              */
}