@font-face {
  font-family: 'Nexa';
  src: url('/portal/assets/fonts/nexa/Nexa-Light.woff2') format('woff2'),
       url('/portal/assets/fonts/nexa/Nexa-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nexa';
  src: url('/portal/assets/fonts/nexa/Nexa-Regular.woff2') format('woff2'),
       url('/portal/assets/fonts/nexa/Nexa-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nexa';
  src: url('/portal/assets/fonts/nexa/Nexa-Bold.woff2') format('woff2'),
       url('/portal/assets/fonts/nexa/Nexa-Bold.ttf') format('truetype');
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nexa';
  src: url('/portal/assets/fonts/nexa/Nexa-Heavy.woff2') format('woff2'),
       url('/portal/assets/fonts/nexa/Nexa-Heavy.ttf') format('truetype');
  font-weight: 800 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --ep-font-main: 'Nexa', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
.form-control,
.form-select,
.btn,
.dropdown-menu,
.modal {
  font-family: var(--ep-font-main) !important;
}

body {
  font-weight: 400;
  letter-spacing: -0.01em;
}

.ep-page-title,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--ep-font-main) !important;
  letter-spacing: -0.035em;
}

.ep-page-title {
  font-weight: 800 !important;
}

.ep-row-title,
.ep-card-header h2,
.ep-brand strong {
  font-weight: 700 !important;
}

.ep-table thead th,
.ep-eyebrow {
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
}

.ep-chip,
.btn,
.ep-filter-btn {
  font-weight: 700 !important;
}

/* NEXA_SIDEBAR_MENU_31W1: portal-polish.css loads after this file and
   re-asserts `font-family: Inter !important` on html/body — a plain
   element selector, but at EQUAL specificity to our own html/body rule
   above, so being later in the cascade it wins there. The class
   selectors below have higher specificity than a bare `body`, so they
   keep winning regardless of load order — this is the same mechanism
   already used for .ep-page-title etc. above, just extended to the
   left-hand sidebar menu (logo/brand text, nav links, tenant switcher). */
.ep-nav-link,
.ep-brand,
.ep-brand strong,
.ep-brand small,
.ep-tenant-label,
.ep-tenant-name {
  font-family: var(--ep-font-main) !important;
}