:root {
  /* color pallete */
  --primary: #415FFF;
  --secondary: #6179F9;
  /* end color pallete  */
  --main-font: 'Muli';
  --header-font: 'Muli-Bold';
  --loader-primary: var(--primary);
  --loader-secondary: var(--secondary);
  --btn-primary-bg: var(--primary);
  --btn-primary-border: var(--primary);
  --btn-secondary-bg: var(--primary);
  --btn-secondary-border: var(--secondary);
  --btn-link-text: var(--primary);
  --btn-ghost-primary-bg: #eeeeee;
  --btn-ghost-primary-text: var(--primary);
  --btn-ghost-secondary-bg: var(--primary);
  --btn-ghost-secondary-text: #eeeeee;
  --btn-ghost-primary-border: var(--primary);
  --btn-ghost-secondary-border: var(--secondary);
  --btn-ripple: #6179F9;
  --input-outline-color: #d2d3d5;
  --input-font-size: 14px;
  --input-label-color: black;
  --accordion-border: #d2d3d5;
  --accordion-btn-text-color: black;
  --dropdown-primary: var(--primary);
  --dropdown-placeholder-text: black;
  --radio-border: var(--primary);
  --radio-circle: var(--primary);
  --radio-text: var(--primary);
  --checkbox-primary: var(--primary);
  --checkbox-primary-tick: var(--primary);
  --checkbox-tabs-inactive-text: black;
  --checkbox-tabs-inactive: #ccc;
  --checkbox-tabs-primary-text: var(--primary);
  --checkbox-tabs-primary: var(--primary);
  --footer-bg: #f2f2f3;
  --tooltip-width: 30px;
  --header-logo-height: 23px;
  --header-logo-margin-left: 20px;
}