/* ===============================
   DESIGN TOKENS / VARIABLES
   =============================== */

:root {
    /* Сімейство шрифтів */
    --ff-title:'Inter Tight';
    /* --ff-text:'Outfit'; */

    /* Загальні зміни */

    --container: 1200px;
    --content-big-container:792px;
    --content-sm-container:588px;

    /* Background ======================================================*/ 
    /* Головний фон сторінки (body) */
    --body-background:#FFFFFF;
    --section-background:#031E54;
    --card-color:#fff;
    --card-color-2:#1C4DB2;
    --card-color-3:rgba(0, 136, 255, 0.10);


    /* Text color ===================================================== */
    /* Колір тексту */
    --title-color:#000;
    --title-color-2:#28261B;
    --text-color: var(--title-color);
    --text-card-color:#fff;
    /* primary */
    --primary-color:#007BFF;
    --primary-color-2: #F00;

    /* font-size scale ================================================ */
    /* Розмір шрифту заголовків */
    --fs-title-1:58px;
    --fs-title-2:48px;
    --fs-title-3:36px;
    --fs-title-4:32px;
    --fs-title-5:28px;
    --fs-title-6:24px;
    /* Розмір шрифту тексту в картках =================================  */
    /* --fs-text-big-card:22px;
    --fs-text-small-card:18px; */
    /* Розмір шрифту тексту в секції =================================  */
    --fs-text-section:18px;
    --fs-text-sm-section:16px;

    /* line-height ====================================================*/
    --lh:normal;
    /* line-height для заголовків */
    /* --lh-title-1:56px;
    --lh-title-2:40px;
    --lh-title-3:32px;
    --lh-title-4:30px; */

    /* line-height для тексту */

    /* --lh-text-1:30px;
    --lh-text-2:28px;
    --lh-text-3:26px;
    --lh-text-4:24px; */

    /* letter-spacing */
    --ls-tight-1:-0.58px;
    --ls-tight-2:-0.48px;
    --ls-tight-3:-0.36px;
    --ls-tight-4:-0.32px;
    --ls-tight-5:-0.28px;
    --ls-tight-6:-0.24px;
    --ls-tight-7:-0.18px;


    /* font-weight */
    --fw-regular:400;
    --fw-medium: 500;
    --fw-semi-bold:600;
    --fw-bold:700;

    /* gap */
    --gap-large-section-container:32px;
    --gap-medium-section-container:24px;
    --gap-small-section-container:16px;
}