/*
=========================================
SITE THEME

Этот файл относится к конкретному сайту.
Здесь разрешено переопределять переменные
из /assets/starter/css/tokens.css

Файлы /assets/starter/ для настройки
конкретного сайта не редактируем.
=========================================
*/

:root {

    /* BRAND */

    --color-primary: #1677ff;
    --color-secondary: #111827;


    /* BACKGROUNDS */

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


    /* TEXT */

    --color-text: #222222;
    --color-text-muted: #666666;


    /* BORDER */

    --color-border: #e5e5e5;


    /* TYPOGRAPHY */

    --font-family: Arial, sans-serif;


    /* LAYOUT */

    --container-width: 1200px;
    --container-padding: 24px;


    /* SHAPE */

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;

}

/* ==========================================================
   BUTTONS
========================================================== */

:root{

    --btn-radius:10px;

    --btn-primary-bg:#2f80ff;
    --btn-primary-color:#fff;
    --btn-primary-border:2px solid #2f80ff;

    --btn-primary-hover-bg:#1f6ef0;
    --btn-primary-hover-color:#fff;
    --btn-primary-hover-border:2px solid #1f6ef0;

    --btn-outline-bg:#fff;
    --btn-outline-color:#2f80ff;
    --btn-outline-border:2px solid #2f80ff;

    --btn-outline-hover-bg:#2f80ff;
    --btn-outline-hover-color:#fff;
    --btn-outline-hover-border:2px solid #2f80ff;

}

/* ==========================================================
   FOOTER
========================================================== */

:root{

    --footer-bg:#fff;

    --footer-border:#e5e5e5;

    --footer-color:#555;

}

/* ==========================================================
   COLORS
========================================================== */

:root{

    /* Основной фон сайта */

    --color-background:#ffffff;

    /* Вторичный фон */

    --color-surface:#f5f7fa;

    /* Основной текст */

    --color-text:#222222;

    /* Бордеры */

    --color-border:#e5e7eb;

    /* Бренд */

    --color-primary:#2f80ff;

    --color-primary-hover:#1f6ef0;

}