@font-face {
    font-family: 'TT Fors Trial DemiBold';
    src: url('../fonts/TT Fors Trial DemiBold.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'TT_Fors_Variable';
    src: url('../fonts/TT_Fors_Variable.woff') format('opentype');
}

@font-face {
    font-family: 'TT Fors Trial Medium';
    src: url('../fonts/TT Fors Trial Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Manrope_Med';
    src: url('../fonts/Manrope-VariableFont_wght.ttf') format('truetype');
}
:root {
    --bg-top-color: #05183C;
    --bg-color: #141414;

    --text-color: #FFFFFF;
    --color-accent: #1365FD;

    --color-btns: rgba(255, 255, 255, 0.08);
    --btns-hover: rgba(255, 255, 255, 0.15);

    --account-hover: rgba(201, 201, 201);

    --color-hover: #1365FD;

    --one-btn: #1365FD2E;
    --one-btn-hvr: rgba(26,45,96);

    --color-star: 19, 101, 253;
    --color-planet: #24437F;

    --color-block-btn: #1365FD;
    --brdr-block-btn: #FFFFFF29;

    --brdr-block: #FFFFFF29;

    --text-color-btn: #FFFFFF;

    --bg-services:#191919;

    --bg-input:#1E1E1E;
    --bg-input-a:#FFFFFF;

    --bg-bullet:#454545;

    --color-card:#1E1E1E;

    --color-header: rgba(255, 255, 255, 0.08);
}

body.dark-mode {
    --bg-top-color: #F6F6F6;
    --bg-color: #FFFFFF;
    --text-color: #141414;

    --color-hover: #141414;
    --color-btns: rgba(236, 236, 236, 0.36);
    --btns-hover: rgba(223, 223, 223, 1);
    --account-hover: rgba(44, 44, 44);

    --color-star: 201, 201, 201;
    --color-planet: #C9C9C9;

    --color-block-btn: rgba(112,112,112, 1);
    --brdr-block-btn: rgba(201,201,201);

    --one-btn-hvr: rgba(178, 198, 244);
    --brdr-block: #141414;

    --text-color-btn: #1365FD;

    --bg-services: #F6F6F6;

    --bg-input: #ECECEC;
    --bg-input-a:#707070;

    --bg-bullet:#DFDFDF;

    --color-card: #F6F6F6;

    --color-header: #ECECEC;
}