:root {
  --primary: #5b4436;
  --primon: #fff;
  --primon-70: rgba(255, 255, 255, 0.7);
  --primon-icon: #fff;
  --primary-60: rgba(91, 68, 54, 0.6);
  --primary-40: rgba(91, 68, 54, 0.4);
  --primary-10: rgba(44, 85, 190, 0.1);
  --accent: #d38f44;
  --accenton: #fff;
  --accenton-70: rgba(255, 255, 255, 0.7);
  --accenton-icon: #fff;
  --accent-60: rgba(211, 143, 68, 0.6);
  --accent-40: rgba(211, 143, 68, 0.4);
  --accent-10: rgba(211, 143, 68, 0.1);
  --bonus: rgba(255, 208, 67, 0.5);
  --light-bg: #fff;
  --light-bgon: #49362c;
  --light-bgon-50: rgba(46, 47, 56, 0.5);
  --light-bgon-sec: #49362c;
  --light-bgon-sec-80: rgba(73, 54, 44, 0.8);
  --light-bgon-sec-60: rgba(73, 54, 44, 0.6);
  --light-bgon-sec-50: rgba(73, 54, 44, 0.5);
  --light-bgon-icon: #49362c;
  --light-bgon-icon-20: rgba(46, 47, 56, 0.2);
  --light-bgon-border: #c8c0bb;
  --light-bgon-border-40: rgba(200, 192, 187, 0.4);
  --light-bgon-bg: #f7f4ec;
  --light-bgon-bg-80: rgba(247, 244, 236, 0.8);
  --light-bgon-link: #008efc;
  --light-bgsec: #f1eddf;
  --light-tip: #2e2f38;
  --light-tipon: #fff;
  --dark-bg: #272834;
  --dark-bgon: #fff;
  --dark-bgon-50: rgba(255, 255, 255, 0.5);
  --dark-bgon-sec: #b0b1bc;
  --dark-bgon-sec-80: rgba(176, 177, 188, 0.8);
  --dark-bgon-sec-60: rgba(176, 177, 188, 0.6);
  --dark-bgon-sec-50: rgba(176, 177, 188, 0.5);
  --dark-bgon-icon: #fff;
  --dark-bgon-icon-20: rgba(255, 255, 255, 0.2);
  --dark-bgon-border: #93949f;
  --dark-bgon-border-40: rgba(147, 148, 159, 0.4);
  --dark-bgon-bg: #1d1d2c;
  --dark-bgon-bg-80: rgba(29, 29, 44, 0.8);
  --dark-bgsec: #43445c;
  --dark-tip: #fff;
  --dark-tipon: #000;
  --system-error: #ff604e;
  --system-error20: rgba(255, 96, 78, 0.2);
  --system-error10: rgba(255, 96, 78, 0.1);
  --system-attention: #ffd043;
  --system-success: #5abf70;
  --system-success-50: rgba(90, 191, 112, 0.5);
  --system-success-20: rgba(90, 191, 112, 0.2);
  --system-disable: #f1eddf;
  --system-black: #171718;
  --system-white: #fff;
  --other-popup-tone: rgba(0, 0, 0, 0.4);
  --font-family: "Inter Tight", sans-serif;
  --second-family: "Roboto", sans-serif;
  --third-family: "Rubik", sans-serif;
  --font3: "Lora", sans-serif;
}