/* Ledgr — Spacing, radius, shadow, layout tokens
   Derived from the SwiftUI padding / cornerRadius / shadow values in the codebase. */
:root {
  /* ---- Spacing scale (pt = px on web) ---- */
  --space-2: 2px;
  --space-3: 3px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;   /* default card horizontal padding */
  --space-14: 14px;   /* tile horizontal padding */
  --space-16: 16px;   /* screen gutter */
  --space-18: 18px;
  --space-20: 20px;   /* large-card padding */
  --space-24: 24px;

  --gutter: 16px;          /* standard screen horizontal inset */
  --row-gap: 12px;         /* spacing between cards in a list */

  /* ---- Corner radii ---- */
  --radius-sm: 9px;        /* segmented selection, small icon boxes */
  --radius-md: 10px;
  --radius-icon: 12px;     /* IconBox (account) */
  --radius-card: 16px;     /* standard card / list group */
  --radius-lg: 20px;       /* Total Balance card */
  --radius-sheet: 24px;    /* budget sheet top corners */
  --radius-pill: 999px;    /* capsules: chips, tags, pills, FAB */

  /* ---- Icon box sizes ---- */
  --iconbox-sm: 32px;
  --iconbox-md: 34px;
  --iconbox-lg: 40px;
  --iconbox-xl: 44px;      /* transaction / account rows */

  /* ---- Shadows ---- */
  --shadow-card: 0 4px 16px rgba(0,0,0,0.08);   /* Total Balance / floating cards */
  --shadow-fab: 0 4px 8px rgba(26,143,160,0.40);
  --shadow-pill: 0 3px 8px rgba(0,0,0,0.25);

  /* ---- Hit targets ---- */
  --hit-target: 44px;

  /* ---- Tab bar ---- */
  --tabbar-height: 49px;
  --fab-size: 60px;
}