/// Kasy Design System — Spacing Tokens
///
/// Single source of truth for all spacing values in the app.
/// Usage: KasySpacing.md → 16.0
///
/// Scale reference:
/// xs   →  4
/// sm   →  8
/// smd  → 12
/// md   → 16
/// lg   → 24
/// xl   → 32
/// xxl  → 48
/// xxxl → 64
///
/// **Page gutters** — baseline insets from the screen edge. [HomePage] and
/// [SettingsPage] use [md] horizontally; keep new screens aligned unless
/// a full-bleed layout is intentional. Pair top with [SafeArea] / notch; bottom
/// often adds [MediaQuery.padding] for the home indicator.
class KasySpacing {
  KasySpacing._();

  static const double xs = 4;
  static const double sm = 8;
  static const double smd = 12;
  static const double md = 16;
  static const double lg = 24;
  static const double xl = 32;
  static const double xxl = 48;
  static const double xxxl = 64;

  /// Horizontal inset from left/right screen edge ([HomePage], [SettingsPage],
  /// auth, lists, etc.).
  static const double pageHorizontalGutter = md;

  /// Extra spacing added below content with [MediaQuery.padding] bottom
  /// (home indicator) — see [HomeComponentsPage] / tab roots.
  static const double pageVerticalGutter = sm;

  /// Gap between frosted chrome / [KasyAppBar] and main content (cards, list
  /// surface). Tuned for visual separation from the bar—see Home, Features,
  /// Components.
  static const double belowChromeContentGap = 20;
}
