/* Material 3 type scale as Compose renders it (Typography defaults; the app
   overrides only bodyLarge, to the same values). Sizes are sp -> px 1:1. */
:root{
  --type-display-lg:400 57px/64px var(--font-ui);--type-display-lg-tracking:-0.25px;
  --type-display-md:400 45px/52px var(--font-ui);
  --type-display-sm:400 36px/44px var(--font-ui);
  --type-headline-lg:400 32px/40px var(--font-ui);
  --type-headline-md:400 28px/36px var(--font-ui);
  --type-headline-sm:400 24px/32px var(--font-ui);
  --type-title-lg:400 22px/28px var(--font-ui);
  --type-title-md:500 16px/24px var(--font-ui);--type-title-md-tracking:0.15px;
  --type-title-sm:500 14px/20px var(--font-ui);--type-title-sm-tracking:0.1px;
  --type-body-lg:400 16px/24px var(--font-ui);--type-body-lg-tracking:0.5px;
  --type-body-md:400 14px/20px var(--font-ui);--type-body-md-tracking:0.25px;
  --type-body-sm:400 12px/16px var(--font-ui);--type-body-sm-tracking:0.4px;
  --type-label-lg:500 14px/20px var(--font-ui);--type-label-lg-tracking:0.1px;
  --type-label-md:500 12px/16px var(--font-ui);--type-label-md-tracking:0.5px;
  --type-label-sm:500 11px/16px var(--font-ui);--type-label-sm-tracking:0.5px;
  /* Wordmark — Audiowide, 22sp in the app header */
  --type-wordmark:400 22px/1 var(--font-wordmark);
  --weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;
}