/* Type scale. Display tiers are uppercase by definition. */
:root{
  --type-display-xxl-size:80px; --type-display-xxl-lh:0.95;  --type-display-xxl-ls:1.6px;
  --type-display-xl-size:60px;  --type-display-xl-lh:1.2;    --type-display-xl-ls:1.2px;
  --type-display-lg-size:48px;  --type-display-lg-lh:1.25;   --type-display-lg-ls:0.96px;
  --type-body-lg-size:16px;     --type-body-lg-lh:1.7;       --type-body-lg-ls:0.32px;
  --type-body-md-size:16px;     --type-body-md-lh:1.5;       --type-body-md-ls:0.32px;
  --type-button-cap-size:13.008px; --type-button-cap-lh:0.94; --type-button-cap-ls:1.17px;
  --type-micro-cap-size:12px;   --type-micro-cap-lh:2;       --type-micro-cap-ls:0.96px;
  --type-caption-size:13.008px; --type-caption-lh:1.5;       --type-caption-ls:0px;
}
.type-display-xxl,.type-display-xl,.type-display-lg{font-family:var(--font-display);font-weight:var(--font-weight-display);text-transform:uppercase;margin:0}
.type-display-xxl{font-size:var(--type-display-xxl-size);line-height:var(--type-display-xxl-lh);letter-spacing:var(--type-display-xxl-ls)}
.type-display-xl{font-size:var(--type-display-xl-size);line-height:var(--type-display-xl-lh);letter-spacing:var(--type-display-xl-ls)}
.type-display-lg{font-size:var(--type-display-lg-size);line-height:var(--type-display-lg-lh);letter-spacing:var(--type-display-lg-ls)}
.type-body-lg,.type-body-md,.type-caption{font-family:var(--font-ui);font-weight:var(--font-weight-regular);margin:0}
.type-body-lg{font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-lh);letter-spacing:var(--type-body-lg-ls)}
.type-body-md{font-size:var(--type-body-md-size);line-height:var(--type-body-md-lh);letter-spacing:var(--type-body-md-ls)}
.type-caption{font-size:var(--type-caption-size);line-height:var(--type-caption-lh);letter-spacing:var(--type-caption-ls)}
.type-button-cap{font-family:var(--font-ui);font-weight:var(--font-weight-bold);font-size:var(--type-button-cap-size);line-height:var(--type-button-cap-lh);letter-spacing:var(--type-button-cap-ls);text-transform:uppercase}
.type-micro-cap{font-family:var(--font-ui);font-weight:var(--font-weight-regular);font-size:var(--type-micro-cap-size);line-height:var(--type-micro-cap-lh);letter-spacing:var(--type-micro-cap-ls);text-transform:uppercase}

/* Display stair-step: 80 -> 60 -> 48 -> 40 */
@media (max-width:960px){
  :root{--type-display-xxl-size:60px;--type-display-xl-size:48px;--type-display-lg-size:40px}
}
@media (max-width:767px){
  :root{--type-display-xxl-size:48px;--type-display-xl-size:40px;--type-display-lg-size:32px}
}
@media (max-width:599px){
  :root{--type-display-xxl-size:40px;--type-display-xl-size:32px;--type-display-lg-size:28px}
}