@font-face {
  font-family: "Signet Inter";
  src: url("/static/fonts/inter/InterVariable.woff2?v=1") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Signet Inter";
  src: url("/static/fonts/inter/InterVariable-Italic.woff2?v=1") format("woff2");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}

/* Important rules in this layer take precedence over legacy unlayered weights. */
@layer signet-typography {
  :where(body, body *) {
    font-family: "Signet Inter", "Segoe UI", Arial, sans-serif !important;
    font-weight: 400 !important;
    font-synthesis: none;
  }
  :where(b, strong, h4, h5, h6), :where(b, strong, h4, h5, h6) * {
    font-weight: 600 !important;
  }
  :where(h1, h2, h3), :where(h1, h2, h3) * {
    font-weight: 600 !important;
  }
  :where(label, legend, dt, .simple-status > span, .modern-expiring) {
    font-weight: 500 !important;
  }
  :where(button, input[type="submit"], input[type="button"], a.btn, a[role="button"],
    .dash-nav-item, .signet-auth-btn, .mini-button, .mini-link, .connect-action,
    .download-file-link, .app-link, .subscription-manage-action),
  :where(button, a.btn, a[role="button"], .dash-nav-item, .signet-auth-btn,
    .mini-button, .mini-link, .connect-action, .download-file-link,
    .app-link, .subscription-manage-action) * {
    font-weight: 500 !important;
  }
  :where(.btn.primary), :where(.btn.primary) * {
    font-weight: 600 !important;
  }
  :where([data-calculator-total], .binding-balance-amount) {
    font-weight: 600 !important;
    font-variant-numeric: tabular-nums;
  }
  :where(code, pre, kbd, samp), :where(code, pre, kbd, samp) * {
    font-family: ui-monospace, Consolas, monospace !important;
  }
}
