/*
=========================================
SITE THEME
Файл конкретного сайта: собран из окна «Дизайн сайта».
Здесь только переменные — правила лежат в /assets/starter/.
Правки руками переживут заливку страниц, но НЕ переживут
следующий запуск генератора: он собирает файл заново.
=========================================
*/

:root {

    /* BRAND */

    --color-primary: #3178c6;
    --color-primary-hover: #2a67aa;
    --color-secondary: #1e2b38;


    /* BACKGROUNDS */

    --color-background: #f2f5f8;
    --color-surface: #ffffff;


    /* TEXT */

    --color-text: #3b4a58;
    --color-text-muted: #7b8690;


    /* BORDER */

    --color-border: #cacfd5;


    /* TYPOGRAPHY */

    --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --font-size-md: 17px;
    --font-size-h1: 40px;
    --font-size-h2: 30px;
    --font-size-h3: 24px;


    /* LAYOUT */

    --container-width: 1100px;


    /* BUTTONS */

    --btn-primary-bg: #3178c6;
    --btn-primary-color: #ffffff;
    --btn-primary-border: 2px solid #3178c6;

    --btn-primary-hover-bg: #2a67aa;
    --btn-primary-hover-color: #ffffff;
    --btn-primary-hover-border: 2px solid #2a67aa;

    --btn-outline-bg: transparent;
    --btn-outline-color: #3178c6;
    --btn-outline-border: 2px solid #3178c6;

    --btn-outline-hover-bg: #3178c6;
    --btn-outline-hover-color: #ffffff;
    --btn-outline-hover-border: 2px solid #3178c6;


    /* SITE
       Переменные сверх стартера: их читает site.css */

    --site-header-bg: #ffffff;
    --site-header-text: #1e2b38;
    --site-menu-text: #1e2b38;
    --site-footer-bg: #e7edf2;
    --site-footer-text: #647688;
    --site-heading-color: #1e2b38;
    --site-heading-font: Georgia, 'Times New Roman', serif;
    --site-panel-bg: #fcfcfd;
    --site-badge-mono: brightness(0);
    --site-badge-adaptive: brightness(0);

}