/* SB Sans — типографика строй.онлайн
   Display: заголовки · Text: основной текст · Interface: UI · Screen: мелкий текст · Mono: код/таблицы */

@font-face {
  font-family: "SB Sans Display";
  src: url("/static/fonts/sb-sans/display-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SB Sans Display";
  src: url("/static/fonts/sb-sans/display-semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SB Sans Display";
  src: url("/static/fonts/sb-sans/display-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SB Sans Text";
  src: url("/static/fonts/sb-sans/text-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SB Sans Text";
  src: url("/static/fonts/sb-sans/text-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SB Sans Text";
  src: url("/static/fonts/sb-sans/text-semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SB Sans Text";
  src: url("/static/fonts/sb-sans/text-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SB Sans Text";
  src: url("/static/fonts/sb-sans/text-cond-regular.woff2") format("woff2");
  font-weight: 400;
  font-stretch: condensed;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SB Sans Text";
  src: url("/static/fonts/sb-sans/text-cond-bold.woff2") format("woff2");
  font-weight: 700;
  font-stretch: condensed;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SB Sans Interface";
  src: url("/static/fonts/sb-sans/interface-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SB Sans Interface";
  src: url("/static/fonts/sb-sans/interface-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SB Sans Interface";
  src: url("/static/fonts/sb-sans/interface-semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SB Sans Interface";
  src: url("/static/fonts/sb-sans/interface-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SB Sans Screen";
  src: url("/static/fonts/sb-sans/screen-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SB Sans Screen";
  src: url("/static/fonts/sb-sans/screen-semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SB Sans Mono";
  src: url("/static/fonts/sb-sans/mono-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-display: "SB Sans Display", "SB Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-text: "SB Sans Text", "SB Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-ui: "SB Sans Interface", "SB Sans Text", "SB Sans", -apple-system, sans-serif;
  --font-screen: "SB Sans Screen", "SB Sans Text", "SB Sans", -apple-system, sans-serif;
  --font-mono: "SB Sans Mono", ui-monospace, monospace;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5,
.hero-title, .section-title, .ai-foreman-banner__title {
  font-family: var(--font-display);
  font-weight: 600;
}

.site-navbar,
.btn,
.form-control,
.form-select,
.form-label,
.nav-link,
.dropdown-menu,
.badge,
.alert,
.card-header,
.calc-tab-btn,
.role-pick__box {
  font-family: var(--font-ui);
}

body,
p,
li,
td,
th,
.card-body,
.text-muted,
small,
.chat-list-preview,
.foreman-bubble {
  font-family: var(--font-text);
}

.site-navbar .nav-link,
.notify-item__time,
.calendar-status-icon,
.form-text,
caption {
  font-family: var(--font-screen);
}

table.table,
.table-scroll table,
pre,
code,
kbd,
samp,
.mono,
.tender-price-value {
  font-family: var(--font-mono);
}

.font-condensed {
  font-family: var(--font-text);
  font-stretch: condensed;
}