@font-face {
    font-family: 'GESS-bold';
    src: url('../fonts/GE-SS-Two-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'GESS-med';
    src: url('../fonts/alfont_com_GE-SS-Two-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cairo';
    src: url('../fonts/Cairo-Regular.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cairo-light';
    src: url('../fonts/Cairo-Light.ttf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

html {
    --primary: #E52521;
    --primary-li: rgba(229, 36, 33, 0.568);
    --secondary: #F39435;
    --secondary-li: #f394358f;
    --gray: #e1e1e1;
    --gradient: linear-gradient(90deg, rgba(243,148,53,1) 35%, rgba(229,37,33,1) 100%);
    --gray: linear-gradient(to top, rgb(226, 225, 225), white);
    --dark: #222527;
    --light-gradient: linear-gradient(to top, #dddddd, #fff);
    --font-color: #4E4F51;
    --pattern: url(../images/pattern.png);
    --form-header: #F3F4F5;
    
}

html[data-bs-theme=dark] {
    --light-gradient: linear-gradient(to top, #222527, #2a2e30);
    --font-color: #DEE2E6;
    --pattern: url(../images/dark-bg.png);
    --form-header: #21262a;
}