:root {
  /* Color */
  --clr-primary: #000D1A;

  --clr-secondary: #5ECFEA;
  --clr-accents: #0A2938;

  --clr-bg-primary: #000D1A;
  --clr-bg-secondary: #F6F6F6;
	  
  --clr-neutral100: #ebeff4;
  --clr-neutral200: #f7fafb;

  --clr-white: #ffffff;
  --clr-black: #000000;
	
  --text-primary: #5A5A59;

  /* Gradients */
  --grad-primary: linear-gradient(
    233.64deg,
    rgba(255, 255, 255, 0) 18.77%,
    #6c82a6 84.43%
  );
	
	--brand-gradient: linear-gradient(
	  90deg,
	  #0A2938 0%,
	  #5ECFEA 52%,
	  #0A2938 100%
	);

}

/* Texts and backgrounds classes */
body {
	color: var(--text-primary);
}
h1,h2,h3,h4,h5,h6 {
	color: #0A2938;
}

.text-main {
	color: var(--clr-primary) !important; 
}
.text-accents {
	color: var(--clr-accents) !important;
}
.text-primary {
  color: var(--text-primary) !important;
}
.bg-primary {
  background-color: var(--clr-primary) !important;
}
.text-secondary {
  color: var(--clr-secondary) !important;
}
.bg-secondary {
  background-color: var(--clr-secondary) !important;
}
.bg-gray {
	background-color: var(--clr-bg-secondary) !important;
}
.text-neutral100 {
  color: var(--clr-neutral100) !important;
}
.bg-neutral100 {
  background-color: var(--clr-neutral100) !important;
}
.text-neutral200 {
  color: var(--clr-neutral200) !important;
}
.bg-neutral200 {
  background-color: var(--clr-neutral200) !important;
}
.text-white {
  color: var(--clr-white) !important;
}
.bg-white {
  background-color: var(--clr-white) !important;
}
.bg-grad {
  background-image: var(--grad-primary) !important;
}
.text-black {
  color: var(--clr-black) !important;
}
.bg-black {
  background-color: var(--clr-black) !important;
}