:root {
  --primary-color: #2C40FF;
  --secondary-color: #00B35A;

  --black: #000000;
  --white: #FFFFFF;
  --medium-gray: #868686;
  --dark-gray: #4C4C4C;

  --blue: #2C40FF;
  --blue-2: #808CFF;
  --blue-3: #AAB2FF;
  --blue-4: #D5D9FF;

  --green: #00B35A;
  --green-2: #66D19C;
  --green-3: #99E0BD;
  --green-4: #CCF0DE;

  --yellow: #FFD500;
  --yellow-2: #FFE766;
  --yellow-3: #FFEF99;
  --yellow-4: #FFF7CC;

  --red: #FF3300;
  --red-2: #FF8566;
  --red-3: #FFAD99;
  --red-4: #FFD6CC;

  --font-family-main: "Source Sans 3", Arial, sans-serif;
  --font-size-base: 16px;
  --link-color: var(--blue);
  --link-hover-color: var(--black);
  --text-bold: 700;

  --border-radius: 8px;
}