/* Constants.Dimensions plus the padding values actually used across the views.
   Doodle Daily is NOT on a strict 4px grid — 5, 14 and 18 all appear. */
:root{
  --space-2:2px;
  --space-4:4px;
  --space-5:5px;
  --space-6:6px;
  --space-8:8px;
  --space-10:10px;
  --space-12:12px;
  --space-14:14px;
  --space-16:16px;
  --space-18:18px;
  --space-20:20px;
  --space-24:24px;
  --space-28:28px;
  --space-32:32px;

  --gutter-screen:20px;
  --space-section:28px;
  --space-group:12px;
  --space-card-pad:16px;

  --size-icon:24px;
  --size-button-md:40px;
  --size-button-lg:48px;
  --size-avatar-xs:30px;
  --size-avatar-sm:32px;
  --size-avatar-md:40px;
  --size-avatar-lg:44px;
  --size-avatar-xl:60px;
  --size-hit-min:44px;
}