:root {
    --primary-colour: #189AB4;
    --white: #ffffff;
    --black: #000;
    --secondary-colour: #01dbdf;
    --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%, #189AB4 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: #7c86a4;
    --secondary-colour:#7c86a4; 
    --light:#323D4E;
    --black: #fff;
    --dark-grey:#fff; 
    --bg-colour:#1B2431;
    --bg-f3f3f3:#1B2431;
    --scroll-colour:#323D4E;
    --yellow: #97b301;
  }