/* FitBuddy layout constants across mobile, web app and marketing. */
:root {
  --container-max: 1280px;
  --container-wide: 1600px;
  --content-max: 680px;
  --gutter-mobile: 22px;
  --gutter-tablet: 32px;
  --gutter-desktop: 48px;

  --mobile-w: 393px;
  --mobile-h: 940px;
  --topbar-h: 56px;
  --tabbar-h: 82px;
  --navrail-w: 248px;
  --navrail-collapsed-w: 72px;
  --safe-top: 44px;
  --safe-bottom: 24px;

  --z-base: 0;
  --z-raised: 10;
  --z-sticky: 20;
  --z-nav: 30;
  --z-sheet: 40;
  --z-dialog: 50;
  --z-toast: 60;
  --z-tooltip: 70;
}