:root{
  --font-ui:"Segoe UI Variable Text","Segoe UI",Inter,Arial,sans-serif;
  --font-display:"Segoe UI Variable Display","Segoe UI",Inter,Arial,sans-serif;
  --font-code:"Cascadia Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;
}

html,body,body *,button,input,select,textarea{
  font-family:var(--font-ui)!important;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4,h5,h6,.page-title,.brand-text,.sasp-public-brand,.citizen-topbar,.legal-brand,.error-brand{
  font-family:var(--font-display)!important;
}

html body.sasp-public-body .sasp-public-hero-copy h1,
html body .citizen-portal-intro h1{
  font-family:var(--font-display)!important;
  font-weight:900!important;
  line-height:.92!important;
  letter-spacing:-.045em!important;
}

.citizen-certificate section h1,.citizen-certificate section h2,
.preview-inner main h2,.preview-inner main h3,.cert-preview-footer strong{
  font-family:var(--font-display)!important;
}

code,kbd,pre,samp,.audit-ip,.settings-code-box{
  font-family:var(--font-code)!important;
}

button,.btn,input,select,textarea{letter-spacing:normal}