/* GENERATED by kit/scripts/gen.mjs from the design tokens. Do not edit. */
:root {
  --type-display: 600 calc(40px * var(--hu-scale, 1))/calc(48px * var(--hu-scale, 1)) var(--font-display);  --type-display-tracking: -0.015em;
  --type-h1: 600 calc(32px * var(--hu-scale, 1))/calc(40px * var(--hu-scale, 1)) var(--font-display);  --type-h1-tracking: -0.01em;
  --type-h2: 600 calc(24px * var(--hu-scale, 1))/calc(32px * var(--hu-scale, 1)) var(--font-display);
  --type-h3: 600 calc(19px * var(--hu-scale, 1))/calc(28px * var(--hu-scale, 1)) var(--font-ui);
  --type-body: 400 calc(15px * var(--hu-scale, 1))/calc(24px * var(--hu-scale, 1)) var(--font-ui);
  --type-small: 400 calc(13px * var(--hu-scale, 1))/calc(20px * var(--hu-scale, 1)) var(--font-ui);
  --type-label: 700 calc(12px * var(--hu-scale, 1))/calc(16px * var(--hu-scale, 1)) var(--font-ui);  --type-label-tracking: 0.08em;
  --type-numeral-xl: 600 calc(56px * var(--hu-scale, 1))/calc(64px * var(--hu-scale, 1)) var(--font-display);
  --type-numeral: 600 calc(32px * var(--hu-scale, 1))/calc(40px * var(--hu-scale, 1)) var(--font-display);
  --type-mono: 500 calc(14px * var(--hu-scale, 1))/calc(20px * var(--hu-scale, 1)) var(--font-code);
  --type-keycap: 500 calc(12px * var(--hu-scale, 1))/calc(16px * var(--hu-scale, 1)) var(--font-code);
}
html { font-size: calc(100% * var(--hu-scale, 1)); }
html[data-text="1"] { --hu-scale: 1.1; }
html[data-text="2"] { --hu-scale: 1.25; }
html[data-text="3"] { --hu-scale: 1.4; }
html[data-text="4"] { --hu-scale: 1.6; }