/* dp values taken from the Compose layouts; 1dp = 1px here. */
:root{
  --space-0:0px;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:7px;
  --space-5:8px;--space-6:10px;--space-7:12px;--space-8:16px;--space-9:24px;
  --space-10:32px;--space-11:40px;
  /* Named spacing in use */
  --gutter-screen:16px;      /* horizontal screen padding */
  --gutter-card:12px;        /* padding inside cards & list rows */
  --gap-badge:4px;           /* badge <-> name gap */
  --gap-row:12px;            /* artwork <-> text gap in list rows */
  --header-pad-y:12px;       /* AppHeader vertical padding */
  --section-header-pad-y:8px;
  /* Fixed sizes lifted from source */
  --size-logo-header:36px;--size-art-row:56px;--size-art-mini:48px;
  --size-art-preview:40px;--size-collage:96px;--size-icon:24px;
  --size-badge:16px;--size-badge-sm:14px;--size-badge-xs:12px;
  --size-play-fab:80px;--size-play-fab-compact:64px;
  --width-card-station:160px;--width-card-collage:280px;
  --height-collage-list:232px;--height-preset:72px;--height-preset-text:54px;
  --height-navbar:80px;--height-navbar-landscape:56px;
}