:root {
  --pink-color: #eca4b8ff;
  --violet-color: #ba86deff;
  --blue-color: #7b7ee5;

  --red-color: #be261c;
  --green-color: #41de4d;

  --primary-color: var(--blue-color);
  --darkened-primary-color: #4e36a6;
  --light-primary-color: #b2b5f1;
  --2-light-primary-color: #dbeeff;
  --3-light-primary-color: #fefeff;


  --dark-grey-color:  #333333;
  --light-grey-color: #655e5e;
  --2-light-grey-color: #b6aaaa;

  --backgroung-gradient: linear-gradient(
    var(--blue-color) 0%,
    var(--pink-color) 30%,
    var(--violet-color) 100%);

  --dark-text-color: var(--dark-grey-color);
  --light-text-color: var(--3-light-primary-color);

}