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

  --c-scrollbar-track: #181c25;
  --c-scrollbar-thumb: #7fc223;

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

  --c-prime: #7fc223;
  --c-prime-dark: #5d8e1b;
  --c-prime-mid: #74af23;
  --c-prime-light: #98cc52;

  --c-prime-rgb: 127, 194, 35;

  --c-stroke: #505050;
  
  --c-card-bg1: #1c1c1b;
  --c-card-bg2: #252929;

  --c-bg1: #151515;
  --c-bg2: #161b1b;

  --c-heading1: #eaeaea;
  --c-heading2: #e9e9e9;

  /* color main text */
  --c-m-text1: #8b8b8b;
  --c-m-text2: #8b8b8b;

  /* color secondary text */
  --c-s-text1: #787878;
  --c-s-text2: #969696;

  --c-btn-log: #e9e9e9;

  --c-menu-arrow: #f26a2e;
}