:root {
	/* Typography starts here */
	--font-default: "Poppins-regular";
	--font-heading: "Montserrat-semibold";
	--font-btn: "Poppins-regular";
	--font-poppin-bold: "Poppins-bold";
	--font-poppin-semibold: "Poppins-semibold";
	--font-poppin-medium: "Poppins-medium";
	--font-montserrat-bold: "Montserrat-bold";
	--font-montserrat-medium: "Montserrat-medium";
	--font-montserrat-regular: "Montserrat-regular";
	--font-light: "Poppins-Light";
	--font-montserrat-regular: "Montserrat-reg";
	/* Typography ends here */

	 --cyan-glow: #33D5FF;
    --purple-glow: #9D4CFF;
    --pink-neon: #FF4BD1;
	 --quantum-blue: #4c74ff;
	 --text-color-1:#3b82f6;
      --ai-purple: #B794F6;
    /* --quantum-blue: #00F5FF; */
   
    --neural-green: #00FF88;
    --dark-bg: #0a0a0f;
    --dark-secondary: #1a1a2e;
    --dark-tertiary: #16213e;
    --quantum-dark: #050510;
    --text-primary: #ffffff;
    --text-secondary: #b8b8d0;
    --glass-bg: rgba(255, 255, 255, 0.03);
    --glass-border: rgba(255, 255, 255, 0.08);
    --quantum-glow: rgba(0, 245, 255, 0.3);
    --ai-glow: rgba(183, 148, 246, 0.3);
    --neon-gradient-1: linear-gradient(
    135deg,
    #33D5FF 0%,    
    #4c74ff 20%,   
    #9D4CFF 50%,    
    #FF4BD1 80%,    
    #B794F6 100%   
);
/* --body-gradient:linear-gradient(180deg, #16213eb8 0%, var(--quantum-dark) 100%) */
 /* --body-gradient: linear-gradient(
    180deg,
    #0a0a0f 0%,        
    #0f0f1a 30%,       
    #1a1a2e 60%,       
    /* #26263f 100%       */
--body-gradient: linear-gradient(
    180deg,
    #0a0a0f 0%,
    #0f0f1e 25%,
    #1b1b33 50%,
    #25254f 75%,
    #2e2e66 100%
  );
  --inner-banner-gradient: linear-gradient(
  145deg,
  #050510 0%,
  #0d0d18 25%,
  rgba(76, 116, 255, 0.15) 55%,
  rgba(255, 75, 209, 0.15) 100%
);
--card-bg-opacity: rgba(255, 255, 255, 0.05);
 --blur-strength: 15px;
 --premium-bg: #0a0a1a;

}


.body-color{
    background-color: var(--body-color);
}
.primary_color{
    color: var(--color-primary);
}
.primary_bg{
    background-color: var(--color-primary);
}
.primary_bg_2{
    background-color: white;
}
.seperator{
    border-top: 2px solid #000000;
}
.secondary_color{
    color: var(--color-secondary);
}
.secondary_bg{
    background-color: var(--color-secondary);
}
.btn-color{
    color: var(--btn-color);
}
.btn-bg{
    background-color: var(--btn-color);
}
.btn-bg-2{
    background-color: white;
}
.text-color-1{
    color: var(--text-color-1);
}
.neon-gradient-1{
    background: var(--neon-gradient-1);
}
.body-gradient{
    background: var(--body-gradient);
}
.inner-banner-gradient{
    background: var(--inner-banner-gradient);
}
.pink-neon{
    color: var(--pink-neon);
}