/* ==========================================
   БАЗОВЫЕ СТИЛИ
========================================== */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}


/* ==========================================
   ФИРМЕННЫЕ ЦВЕТА
========================================== */

:root {

    /* Основные */
    --color-primary: #114EAB;
    --color-primary-dark: #042363;
    --color-primary-light: #2F6FCF;

    /* Акцент */
    --color-accent: #079F4D;
    --color-accent-dark: #045523;
    --color-accent-light: #17B65E;

    /* Текст */
    --color-text: #042363;
    --color-text-light: #5B6470;

    /* Фоны */
    --color-bg: #F5F7FA;
    --color-surface: #FFFFFF;

    /* Границы */
    --color-border: #DCE5F0;

}


body {
    margin: 0;
    padding: 0;

    font-family: "Inter", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;

    color: var(--color-text);
    background: var(--color-bg);
}

/* ==========================================
   КОНТЕЙНЕР
========================================== */

.container {
    width: min(1400px, calc(100% - 60px));
    margin: 0 auto;
}

/* ==========================================
   ИЗОБРАЖЕНИЯ
========================================== */

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ==========================================
   ССЫЛКИ
========================================== */

a {
    color: inherit;
    text-decoration: none;
    transition: .2s;
}

/* ==========================================
   ЗАГОЛОВКИ
========================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    font-weight: 700;
    line-height: 1.3;
}

/* ==========================================
   АБЗАЦЫ
========================================== */

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

/* ==========================================
   СПИСКИ
========================================== */

ul,
ol {
    margin: 0;
    padding: 0;
}

/* ==========================================
   ОСНОВНОЕ СОДЕРЖИМОЕ
========================================== */

.site-content {
    padding: 0;
}

/* ==========================================
   АДАПТИВ
========================================== */

@media (max-width: 992px) {

    .container {
        width: calc(100% - 40px);
    }

}

@media (max-width: 576px) {

    .container {
        width: calc(100% - 24px);
    }

    body {
        font-size: 15px;
    }

}