:root {
    --primary-colour: #189AB4;
    --white: #ffffff;
    --black: #000;
    --secondary-colour:#01dbdf;
    --light-grey: #ddd;
    --scroll-colour: #b5b5b5;
    --dark-grey: #666;
    --light: #ebecef;
    --fbfbfb: #fbfbfb;
    --dark-green: #ec38bc;
    --rose: #ec38bc;
    --pink: #f4c4a4;
    --violet: #881FFF;
    --light-green: #f7b733;
    --bg-white: #fff;
    --bg-light: #fff;
    --bg-f3f3f3: #f3f3f3;
    --bg-colour: #F9F9FF;
    --bgcolour2: #42E8E0;
    --bgcolour3: #7AC08B;
    --bgcolour4: #004A4E;
    --bgcolour5: #ddd7d7;
    --brd-yellow: #fe9365;
    --brd-green: #96c93d;
    --brd-red: #fe5d70;
    --brd-blue: #01dbdf;
    --green: #00ab53;
    --red: #ff0000;
    --orange: #fe9365;
    --yellow: #ffff00;
    --colour1: #159957;
    --indigo: #4B0082;
    --blue: #00c4ff;
    --lavender: #E0B0FF;
    --gold: #FFB300;
    --cyan: #00BFA6;
    --bg-red: #fee2e2;
    --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%);
    --gradiant-green: linear-gradient(-45deg, rgba(255, 255, 255, 0), rgba(0, 171, 83, 0.20));
    --gradiant-blue: linear-gradient(-45deg, rgba(255, 255, 255, 0), rgba(1, 219, 223, 0.20));
    --gradiant-orange: linear-gradient(-45deg, rgba(255, 255, 255, 0), rgba(252, 75, 26, 0.20));
    --gradiant-rose: linear-gradient(-45deg, rgba(255, 255, 255, 0),rgba(236, 56, 188, 0.20));
    --gradiant-violet: linear-gradient(-45deg, rgba(255, 255, 255, 0), rgba(116, 3, 192, 0.20));
    --gradiant-red: linear-gradient(-45deg, rgba(255, 255, 255, 0), rgba(255, 0, 0, 0.30));
    --gradiant-gold: linear-gradient(-45deg, rgba(255, 255, 255, 0), rgba(255, 179, 0, 0.30));
    --gradiant-cyan: linear-gradient(-45deg, rgba(255, 255, 255, 0), rgba(0, 191, 166, 0.30));
  } 
 
  .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;
    --light-grey: #323D4E;
    --yellow: #97b301;
    --fbfbfb: #1B2431;
    --bg-light: #2C3544;
    --bgcolour5: #1B2431;
  }