:root {

		/* Primary color */
	--color-primary-background: #0584fc;
	--color-primary-background-gradient-top: #4e5d6c;
	--color-primary-background-gradient-bottom: #6f6f6f;
	--color-primary-background-border: #0584fc;
	--color-primary-background-shadow: #ffffff;	
	--color-primary-foreground: #ffffff;
	--color-primary-foreground-shadow: #000;
	
		/* Box color */
	--color-box-background: #485563;
	--color-box-background-gradient-top: #4e5d6c;
	--color-box-background-gradient-bottom: #697b8d;
	--color-box-head-background-gradient-top: #0584fc;
	--color-box-head-background-gradient-bottom: #6c6c6c;	
	--color-box-head-background: #28394c;
	--color-box-head-foreground-shadow: #f6f6f6;
	--color-box-background-border: #0584fc;	
	--color-box-background-shadow: #dddddd;
	--color-box-background-divider: #0584fc;
	--background-body: #28394c; /* Body background color */	
	--background-banner: #696969; /* Default background color for the banner */	
	--color-body: #e0ecfd; /* Used for body text */
	--color-heading: #5e6872; /* Used for heading text */
	--color-white: #fff;
	--color-black: #082138;	
	--color-border: #0584fc;	
	--color-green: #43de04;       
	--color-red: #dc1010;
	--color-grey: #bcbcbc;
	--border-radius: 10px;
	
		/* Box color - Active (used for hover/active states) */
	
	--color-box-active-background: #28394c;
	--color-box-active-background-gradient-top: #697b8d;
	--color-box-active-background-gradient-bottom: #4e5d6c;
	--color-box-active-background-border: #0584fc;	
	--color-box-active-background-shadow: #a9aaac;
	--color-box-active-background-divider: #0584fc;
		
		/* Primary color - Active (used for hover/active states) */
	--color-primary-active-background: #5cb85c;
	--color-primary-active-background-gradient-top: #0584fc;
	--color-primary-active-background-gradient-bottom: #004482;	
	--color-primary-active-background-border: #94332d;
	--color-primary-active-background-shadow: #5d7d14;	
	--color-primary-active-foreground: #fff;
	--color-primary-active-foreground-shadow: #0584fc;
		
		/* Secondary color */
	--color-secondary-background: #082138;
	--color-secondary-background-gradient-top: #4e5d6c;
	--color-secondary-background-gradient-bottom: #85add5;
	--color-secondary-background-border: #0584fc;	
	--color-secondary-background-shadow: #3f3e3e;
	--color-secondary-foreground: #fff;
	--color-secondary-foreground-shadow: #000;
	
		/* Secondary color - Active (used for hover/active states) */
	--color-secondary-active-background: #0d729d;
	--color-secondary-active-background-gradient-top: #85add5;
	--color-secondary-active-background-gradient-bottom: #4e5d6c;	
	--color-secondary-active-background-border: #5cb85c;
	--color-secondary-active-background-shadow: #3f3e3e;	
	--color-secondary-active-foreground: #fff;
	--color-secondary-active-foreground-shadow: #000;
	
		/* Default colors */
	--color-heading: #5e6872; /* Used for heading text */
	
		/* Tertiary color */
	--color-tertiary-background: #082138;
	--color-tertiary-background-gradient-top: #f5f5f5;
	--color-tertiary-background-gradient-bottom: #f5f5f5;
	--color-tertiary-background-border: #0584fc;	
	--color-tertiary-background-shadow: #3f3e3e;
	--color-tertiary-foreground: #243141;
	--color-tertiary-foreground-shadow: #fff;
	
	--navmain-container-text-color: #0584fc;
	

		
		
}