:root {
    --primary-colour: #0e2a46;
    --white: #ffffff;
    --black: #000;
    --secondary-colour: #FC652C;
    --light-grey: #ddd;
    --scroll-colour: #b5b5b5;
    --dark-grey: #666;
    --light: #ebecef;
    --dark-green: #ec38bc;
    --light-green: #f7b733;
    --bg-white: #fff;
    --bg-f3f3f3: #f3f3f3;
    --bg-colour: #F9F9FF;
    --bgcolour2: #42E8E0;
    --bgcolour3: #7AC08B;
    --bgcolour4: #004A4E;
    --brd-yellow: #fe9365;
    --brd-green: #96c93d;
    --brd-red: #fe5d70;
    --brd-blue: #01dbdf;
    --green: #00ff00;
    --red: #ff0000;
    --yellow: #ffff00;
    --colour1: #159957;
    --gradiant1: linear-gradient(44.44deg, #75E6DA 7.79%, var(--primary-colour) 94.18%);
    --gradiant2: linear-gradient(44.44deg, #00b09b 7.79%, #96c93d 94.18%);
    --gradiant3: linear-gradient(44.44deg, #f7b733 7.79%, #fc4a1a 94.18%);
    --gradiant4: linear-gradient(44.44deg, #ec38bc 7.79%, #7303c0 94.18%);
    --gradiant5: linear-gradient(44.44deg, #36D1DC 7.79%, #5B86E5 94.18%);
    --gradiant6: linear-gradient(44.44deg, #159957 7.79%, #155799 94.18%);
    --gradiant7: linear-gradient(44.44deg, #F2C94C 7.79%, #F2994A 94.18%);
    --gradiant8: linear-gradient(44.44deg, #C33764 7.79%, #1D2671 94.18%);
}

.darktheme {
    --bg-white: #273142;
    --primary-colour: #01dbdf;
    --secondary-colour: #7c86a4;
    --light: #323D4E;
    --black: #fff;
    --dark-grey: #fff;
    --bg-colour: #1B2431;
    --bg-f3f3f3: #1B2431;
    --scroll-colour: #323D4E;
    --yellow: #97b301;
}