/* ===== Lingrow · Spacing, radii, layout ========================
   4px base grid. The product UI is generous and rounded —
   cards run large radii (20–28px), buttons are full pills.
================================================================= */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* radii */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;    /* stat tiles, setting cards */
  --radius-2xl: 28px;   /* session cards, sheets */
  --radius-pill: 999px; /* buttons, chips, avatars */

  /* control heights */
  --control-sm: 36px;
  --control-md: 44px;   /* min touch target */
  --control-lg: 56px;   /* primary CTAs */

  /* containers */
  --sheet-max: 420px;   /* phone-width app sheet */
  --page-max: 1200px;   /* marketing content width */
}