/* Typography — Poppins only. Variants match the Typography component's `variant` prop. */
:root{
  --font-family-primary:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;

  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */

  --fs-xxxs:10px;
  --fs-xxs:12px;
  --fs-xs:14px;
  --fs-s:16px;
  --fs-m:20px;
  --fs-l:24px;
  --fs-xl:32px;
  --fs-xxl:40px;

  --lh-xxxs:12px;
  --lh-xxs:14px;
  --lh-xs:16px;
  --lh-s:20px;
  --lh-m:24px;
  --lh-l:32px;
  --lh-xl:40px;
  --lh-xxl:48px;

  --tracking-subheading:0.5px;
}

/* Type-variant utility classes (sm = mobile scale, the default) */
.t-display{font-weight:var(--fw-bold);font-size:var(--fs-xl);line-height:var(--lh-xl)}
.t-display-md{font-weight:var(--fw-bold);font-size:var(--fs-xxl);line-height:var(--lh-xxl)}
.t-heading-xl{font-weight:var(--fw-semibold);font-size:var(--fs-l);line-height:var(--lh-xl)}
.t-heading-l{font-weight:var(--fw-semibold);font-size:var(--fs-m);line-height:var(--lh-l)}
.t-heading-m{font-weight:var(--fw-semibold);font-size:var(--fs-s);line-height:var(--lh-m)}
.t-heading-s{font-weight:var(--fw-semibold);font-size:var(--fs-xs);line-height:var(--lh-s)}
.t-subheading{font-weight:var(--fw-semibold);font-size:var(--fs-xxs);line-height:var(--lh-xxs);text-transform:uppercase;letter-spacing:var(--tracking-subheading)}
.t-body-m{font-weight:var(--fw-regular);font-size:var(--fs-xs);line-height:var(--lh-s)}
.t-body-m-highlight{font-weight:var(--fw-semibold);font-size:var(--fs-xs);line-height:var(--lh-s)}
.t-body-s{font-weight:var(--fw-regular);font-size:var(--fs-xxs);line-height:var(--lh-s)}
.t-body-s-highlight{font-weight:var(--fw-semibold);font-size:var(--fs-xxs);line-height:var(--lh-s)}
.t-body-xs{font-weight:var(--fw-regular);font-size:var(--fs-xxxs);line-height:var(--lh-xs)}
.t-body-xs-highlight{font-weight:var(--fw-semibold);font-size:var(--fs-xxxs);line-height:var(--lh-xs)}
.t-label-m{font-weight:var(--fw-semibold);font-size:var(--fs-xs);line-height:var(--lh-s)}
.t-label-s{font-weight:var(--fw-semibold);font-size:var(--fs-xxs);line-height:var(--lh-xs)}
.t-caption{font-weight:var(--fw-regular);font-size:var(--fs-xxxs);line-height:var(--lh-xs)}
