:root {
 
  --primary: #FE16A0;
  --secondary: #7F38C4;
  --third: #4E12CC;
  --light-green: #51EEE6;
  --white: #fff;
  --bg-white: #fff;
  --bg-secondary: #29CAC2;
  --black: #000;
  --font-colour: #151A33;
  --bg-primary: #EAFAF9;
  --bg-blur: rgba(0, 0, 0, 0.7);
  --brd-colour: #EBF1F7;
  --brd-colour2: #EFEFEF;
  --blue: #00ACD4;
  --font-colour-secondary: #8EA7AB;
  --font-colour-nav: #7886AF;
  --story-border: rgba(120, 134, 175, 0.20);
  --red:#FF3B30;
  --gradiant: linear-gradient(45deg,#FE16A0 0%, #D342A1 33%, #7F38C4 66%, #4E12CC 100%);;

}


.darktheme{
  --black: #fff;
  --bg-white: #0E1116;
  --bg-secondary: #0E1116;
  --bg-primary: #06171C;
  --font-colour: #fff;
  --dark: #022930;
  --brd-colour:#202631;
  --font-colour-nav: #94A0A0;
  --brd-colour2:#202631;
}