/* ============================================================================
   Sizes — layout dimensions for components and chrome
   ----------------------------------------------------------------------------
   Mirrors agrodat/mobile/lib/uikit/constants/app_size.dart.

   Two kinds of size tokens live here:

   1. App chrome (sidebar, topbar, page gutter, section/card spacing).
      These are layout primitives that don't change with theme.

   2. Component geometry (input/control/button heights).
      Same — theme-agnostic, baked into the design system.
   ============================================================================ */

:root {
  /* App chrome */
  --sidebar-width: 240px;
  --sidebar-collapsed: 64px;
  --topbar-height: 64px;
  --page-padding: 32px;
  --section-gap: 24px;
  --card-padding: 24px;
  --card-gap: 16px;

  /* Component heights */
  --input-height: 40px;
  --control-height: 32px;
  --btn-height: 36px;
}