/* Generated by build-typography.mjs. Edit components/type-tokens.js, then regenerate. */
:root {
  --font-body:'Google Sans','Timeless Sans Grotesk',system-ui,sans-serif;
  --font-code:ui-monospace,monospace;
  --type-base:16px;
  --type-label:16px;
  --type-field:15px;
  --type-identity:16px;
  --type-emphasis:15px;
  --type-micro:14px;
  --type-caption:14px;
  --type-meta:15px;
  --type-compact:15px;
  --type-large:20px;
  --type-dialog:20px;
  --type-card:20px;
  --type-brand:23px;
  --type-detail:26px;
  --type-stat:26px;
  --type-calendar:30px;
  --type-section:30px;
  --type-briefing:28px;
  --type-file:28px;
  --type-page:38px;
  --type-metric:32px;
  --type-display:40px;
  --type-avatar:14px;
  --type-avatarSmall:10px;
  --type-avatarTiny:9px;
  --type-emoji:22px;
  --type-page-fluid:clamp(min(var(--type-section),var(--type-page)),3vw,var(--type-page));
  --type-base-weight:400;
  --type-base-line-height:1.5;
  --type-base-tracking:0em;
  --type-base-kerning:normal;
  --type-label-weight:700;
  --type-label-line-height:1.4;
  --type-label-tracking:0em;
  --type-label-kerning:normal;
  --type-field-weight:500;
  --type-field-line-height:1.4;
  --type-field-tracking:0em;
  --type-field-kerning:normal;
  --type-identity-weight:500;
  --type-identity-line-height:1.4;
  --type-identity-tracking:0em;
  --type-identity-kerning:normal;
  --type-emphasis-weight:500;
  --type-emphasis-line-height:1.5;
  --type-emphasis-tracking:0em;
  --type-emphasis-kerning:normal;
  --type-micro-weight:400;
  --type-micro-line-height:1.4;
  --type-micro-tracking:0em;
  --type-micro-kerning:normal;
  --type-caption-weight:400;
  --type-caption-line-height:1.45;
  --type-caption-tracking:0em;
  --type-caption-kerning:normal;
  --type-meta-weight:500;
  --type-meta-line-height:1.4;
  --type-meta-tracking:0em;
  --type-meta-kerning:normal;
  --type-compact-weight:400;
  --type-compact-line-height:1.55;
  --type-compact-tracking:0em;
  --type-compact-kerning:normal;
  --type-large-weight:400;
  --type-large-line-height:1.45;
  --type-large-tracking:0em;
  --type-large-kerning:normal;
  --type-dialog-weight:500;
  --type-dialog-line-height:1.3;
  --type-dialog-tracking:-0.015em;
  --type-dialog-kerning:normal;
  --type-card-weight:500;
  --type-card-line-height:1.3;
  --type-card-tracking:-0.015em;
  --type-card-kerning:normal;
  --type-brand-weight:550;
  --type-brand-line-height:1.2;
  --type-brand-tracking:-0.025em;
  --type-brand-kerning:normal;
  --type-detail-weight:500;
  --type-detail-line-height:1.2;
  --type-detail-tracking:-0.02em;
  --type-detail-kerning:normal;
  --type-stat-weight:550;
  --type-stat-line-height:1.1;
  --type-stat-tracking:-0.02em;
  --type-stat-kerning:normal;
  --type-calendar-weight:550;
  --type-calendar-line-height:1.1;
  --type-calendar-tracking:0em;
  --type-calendar-kerning:normal;
  --type-section-weight:550;
  --type-section-line-height:1.2;
  --type-section-tracking:-0.025em;
  --type-section-kerning:normal;
  --type-briefing-weight:500;
  --type-briefing-line-height:1.2;
  --type-briefing-tracking:-0.02em;
  --type-briefing-kerning:normal;
  --type-file-weight:550;
  --type-file-line-height:1.15;
  --type-file-tracking:-0.02em;
  --type-file-kerning:normal;
  --type-page-weight:550;
  --type-page-line-height:1.2;
  --type-page-tracking:-0.025em;
  --type-page-kerning:normal;
  --type-metric-weight:550;
  --type-metric-line-height:1;
  --type-metric-tracking:-0.02em;
  --type-metric-kerning:normal;
  --type-display-weight:550;
  --type-display-line-height:1;
  --type-display-tracking:-0.02em;
  --type-display-kerning:normal;
  --type-avatar-weight:500;
  --type-avatar-line-height:1;
  --type-avatar-tracking:0em;
  --type-avatar-kerning:normal;
  --type-avatarSmall-weight:500;
  --type-avatarSmall-line-height:1;
  --type-avatarSmall-tracking:0em;
  --type-avatarSmall-kerning:normal;
  --type-avatarTiny-weight:500;
  --type-avatarTiny-line-height:1;
  --type-avatarTiny-tracking:0em;
  --type-avatarTiny-kerning:normal;
  --type-emoji-weight:400;
  --type-emoji-line-height:1;
  --type-emoji-tracking:0em;
  --type-emoji-kerning:normal;
  font-family:var(--font-body);
  --type-role:base; font-size:var(--type-base); font-weight:var(--type-base-weight); line-height:var(--type-base-line-height); letter-spacing:var(--type-base-tracking); font-kerning:var(--type-base-kerning);
}
h1 { --type-role:page; font-size:var(--type-page); font-weight:var(--type-page-weight); line-height:var(--type-page-line-height); letter-spacing:var(--type-page-tracking); font-kerning:var(--type-page-kerning); }
h2 { --type-role:card; font-size:var(--type-card); font-weight:var(--type-card-weight); line-height:var(--type-card-line-height); letter-spacing:var(--type-card-tracking); font-kerning:var(--type-card-kerning); }
h3,h4 { --type-role:label; font-size:var(--type-label); font-weight:var(--type-label-weight); line-height:var(--type-label-line-height); letter-spacing:var(--type-label-tracking); font-kerning:var(--type-label-kerning); }
p { --type-role:compact; font-size:var(--type-compact); font-weight:var(--type-compact-weight); line-height:var(--type-compact-line-height); letter-spacing:var(--type-compact-tracking); font-kerning:var(--type-compact-kerning); }
small { --type-role:caption; font-size:var(--type-caption); font-weight:var(--type-caption-weight); line-height:var(--type-caption-line-height); letter-spacing:var(--type-caption-tracking); font-kerning:var(--type-caption-kerning); }
strong,b { font-weight:var(--type-emphasis-weight); }
button,input,textarea,select { font-family:inherit; }
