@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src:
    url("../../templates/superlending26/fonts/Montserrat/Montserrat-Light.woff2") format("woff2"),
    url("../../templates/superlending26/fonts/Montserrat/Montserrat-Light.woff") format("woff");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    url("../../templates/superlending26/fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"),
    url("../../templates/superlending26/fonts/Montserrat/Montserrat-Regular.woff") format("woff");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:
    url("../../templates/superlending26/fonts/Montserrat/Montserrat-Medium.woff2") format("woff2"),
    url("../../templates/superlending26/fonts/Montserrat/Montserrat-Medium.woff") format("woff");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src:
    url("../../templates/superlending26/fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2"),
    url("../../templates/superlending26/fonts/Montserrat/Montserrat-SemiBold.woff") format("woff");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    url("../../templates/superlending26/fonts/Montserrat/Montserrat-Bold.woff2") format("woff2"),
    url("../../templates/superlending26/fonts/Montserrat/Montserrat-Bold.woff") format("woff");
}

:root[data-template="superlending26"] {
  --font-arial: Arial, Helvetica, sans-serif;
  --font-montserrat: "Montserrat", Arial, Helvetica, sans-serif;
}

.font-arial {
  font-family: var(--font-arial);
}

.font-montserrat {
  font-family: var(--font-montserrat);
}

.montserrat-300 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.montserrat-400 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.montserrat-500 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.montserrat-600 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.montserrat-700 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.arial-400 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.arial-700 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* Базовые переменные шаблона superlending26 (default).
   Имена совпадают с superlending26, чтобы работали одни и те же компоненты. */
:root[data-template="superlending26"] {
  --color-white: #ffffff;
  --color-gray: #f0f0f0;
  --color-black-1: #000000;
  --color-black-2: #151515;
  --color-yellow: #0d392e;

  --color-bg: #ffffff;
  --color-bg-price: #b2b2b2;
  --color-bg-card: #f3f4f5;

  --color-text-gray-1: #878787;
  --color-text-gray-2: #929292;
  --color-text-gray-3: #889098;
  --color-text-gray-4: #e4e6e8;
  --color-text-black-2: #424242;

  --color-border: #e4e6e8;
  --color-border-bottom: #e9e9e9;
  --color-border-bottom-2: #e4e6e8;

  --text-primary: #292d32;
  --text-secondary: #878787;
  --text-tertiary: #889098;
  --text-quaternary: #424242;
  --text-quinary: #929292;
  --text-senary: #0d392e;
  --text-сonsent: #b2b2b2;
  --text-muted: #f3f4f5;
  --text-btn-primary: #ffffff;
  --text-btn-secondary: #151515;
  --text-btn-tertiary: #ffffff;
  --text-btn-quaternary: #0d392e;

  --bg-header: #ffffff;
  --bg-secondary: #0d392e;
  --bg-tertiary: #f3f4f5;
  --bg-quaternary: #ffffff;
  --bg-footer-secondary: #292d32;
  --bg-button-primary: #0d392e;
  --bg-button-secondary: #151515;
  --bg-select-primary: #ffffff;
  --bg-select-secondary: #f4f4f4;
  --bg-select-tertiary: #f3f4f5;
  --bg-input-primary: #f3f4f5;
  --bg-card: #f3f4f5;
  --bg-card-secondary: #ffffff;
  --bg-card-tertiary: #f3f4f5;
  --bg-price: #b2b2b2;
  --bg-price-secondary: #f4f4f4;
  --bg-text-secondary: #0d392e;

  --border-primary: #e4e6e8;
  --border-secondary: #424242;
  --border-tertiary: #e4e6e8;
  --border-quaternary: #e4e6e8;
  --border-select: #e4e6e8;
  --border-card: #e4e6e8;

  --icon-secondary: #0d392e;

  --container-max-width: 1440px;
  --breakpoint-xl: 1400px;
}