@import url("https://rsms.me/inter/inter.css");

:root {
  --font-family-primary: "InterVariable", "Inter var", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --type-display-size: clamp(2.375rem, 8vw, 4.5rem);
  --type-display-line: 1;
  --type-display-tracking: -.02em;
  --type-page-size: clamp(1.8125rem, 8.2vw, 2.625rem);
  --type-page-line: 1.04;
  --type-page-tracking: -.01em;
  --type-section-size: 1.375rem;
  --type-section-line: 1.12;
  --type-section-tracking: .003em;
  --type-card-size: .9375rem;
  --type-card-line: 1.25;
  --type-card-tracking: .012em;
  --type-body-size: .9375rem;
  --type-body-line: 1.48;
  --type-body-tracking: .011em;
  --type-support-size: .8125rem;
  --type-support-line: 1.45;
  --type-support-tracking: .016em;
  --type-label-size: .625rem;
  --type-label-line: 1.25;
  --type-label-tracking: .13em;
  --type-compact-label-tracking: .11em;
  --type-control-tracking: .011em;
  --type-navigation-tracking: .016em;
  --type-form-label-tracking: .02em;
}