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

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

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

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

    /* Background ======================================================*/ 
    /* Головний фон сторінки (body) */
    --body-background:#FFFEFA; 
    --section-background:linear-gradient(178deg, #FFFEFA 1.73%, #FFEDED 98.27%);
    --card-color:#FEEAD0;
    --card-color-2:#FFEDED;
    --card-color-3:#FFF;


    /* Text color ===================================================== */
    /* Колір тексту */
    --title-color:#28261B;
    /* --title-color-2:#28261B; */
    --text-color: var(--title-color);
    --text-card-color:#5A5956;
    /* primary */
    --primary-color:#FB5000;
    --primary-color-2:#FFB339;
    /* --primary-color-2: #F00; */

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

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

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

    --lh-text-1:30px;
    --lh-text-2:26px;

    /* letter-spacing */
    --ls-tight-1:-1.28px;
    --ls-tight-2:-0.96px;
    --ls-tight-3:-0.64px;
    --ls-tight-4:-0.48px;
    --ls-tight-5:-0.36px;
    --ls-tight-6:-0.32px;


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

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