/* Valori POS — spacing, radii, layout. 4px base scale. Negative space is
   deliberate: transaction screens isolate the amount and the primary action;
   density only rises in lists (history, logs) where fast scanning matters. */

:root {
  /* 4px base scale — DESIGN spacing: xs4 · sm8 · md12 · lg16 · xl24 · xxl32 */
  --space-1: 4px;    /* xs */
  --space-2: 8px;    /* sm */
  --space-3: 12px;   /* md */
  --space-4: 16px;   /* lg — default screen padding */
  --space-5: 20px;
  --space-6: 24px;   /* xl */
  --space-8: 32px;   /* xxl */
  --space-10: 40px;
  --space-12: 48px;  /* min touch target / control height */
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* Radii — soft, surface-driven depth (no heavy borders) */
  --radius-xs: 8px;    /* badges, chips, small tags */
  --radius-sm: 8px;    /* inputs (sm), nav items */
  --radius-md: 12px;   /* buttons, inputs, selects */
  --radius-lg: 16px;   /* panels, sheets */
  --radius-xl: 24px;   /* cards (hero surface) */
  --radius-2xl: 28px;  /* large hero cards / result screens */
  --radius-full: 999px;/* pills, status badges, avatars */

  /* Layout — handheld terminal, single-column, portrait-first */
  --container-max: 480px;   /* readable cap on tablet / large screens */
  --screen-pad: 16px;       /* default side padding */
  --topbar-h: 56px;
}