:root {
  --c-black: #000000;
  --c-white: #ffffff;

  --c-scrollbar-track: #181c25;
  --c-scrollbar-thumb: #4e6fdd;

  --c-scroller-top: 207, 208, 209;

  --c-prime: #4e6fdd;
  --c-prime-dark: #324ba2;
  --c-prime-mid: #4564cb;
  --c-prime-light: #6a8bf8;

  --c-prime-rgb: 78, 111, 221;

  --c-stroke: #dcdfe8;

  --c-card-bg1: #f4f6fb;
  --c-card-bg2: #262a37;

  --c-bg1: #fbfcff;
  --c-bg2: #131928;

  --c-heading1: #131928;
  --c-heading2: #fbfcff;

  /* color main text */
  --c-m-text1: #4d5262;
  --c-m-text2: #d0d3de;

  /* color secondary text */
  --c-s-text1: #73798d;
  --c-s-text2: #979cac;

  --c-btn-log: #131928;

  --c-menu-arrow: #f26a2e;

  --c-form-rgb: 255, 255, 255;
  --c-form-border: #979CAC;
  --c-form-color: #131928;
}