:root {
  --color-primary-light: #e5f1f7;
  --color-primary: #2196f3;
  --color-primary-dark: #0886ea;
  --color-secondary-100: #141414;
  --color-secondary-80: #424242;
  --color-secondary-70: #595959;
  --color-secondary-50: #878787;
  --color-secondary-25: #c0c0c0;
  --color-secondary-10: #E6E6E6;
  --color-secondary-surface: #fff;
  --color-secondary-surface-hover: var(--color-border-menu);
  --color-description-text: #2b2b2b;
  --color-ask-frame-tail: #000;
  --color-slide-button-background: #ffffffb3;
  --color-border: #f5f5f5;
  --color-toggle-button-background: #e7e7e7;
  --color-svg-icon-1: #4d4d4d;
  --color-svg-icon-2: #4d4d4d;
  --color-assets-download-icon: #4d4d4d;
  --color-white: #fff;
  --color-gray: #000000;
  --color-logo-icon: #757679;
  --color-logo-text: #3b3b3b;
  --color-text: #878787;
  --color-secondary-background: #faf9f9;
  --color-text-assets-free: #8bbb4e;
  --color-text-assets-sales: #f5564d;
  --color-badge-default: #61b001;
  --color-badge-important: #f44;
  --color-border-menu: #e7e7e7;
  --color-border-assets-sales: #f5564d;
  --color-linear-gradient-stop2: #faf9f940;
  --color-linear-gradient-stop3: #faf9f900;
  --color-bg-footer-sns: #f5f5f5;
  --color-bg-footer-menu: #e7e7e7;
  --color-bg-overlay: #141414e6;
  --color-notice-profile-icon-heart:#FF4444;
  --color-notice-profile-icon-exclamation:#FF4444;
  --color-notice-profile-icon-xmark:#FF4444;
  --color-notice-profile-icon-gift:#61B001;
  --color-notice-profile-icon-download:#61B001;
  --color-notice-profile-icon-check:#61B001;
  --color-notice-profile-icon-comment:#61B001;
  --color-notice-profile-icon-user:#8975FF;
  --color-notice-profile-icon-arrow-turn-up:#8975FF;
  --color-notice-profile-icon-credit-card:#8975FF;
  --color-notice-profile-icon-triangle-exclamation-purple:#8975FF;
  --color-notice-profile-icon-circle-info:#8975FF;
  --color-notice-profile-icon-users:#8975FF;
  --color-notice-profile-icon-arrows-rotate:#C4AAFF;
  --color-notice-profile-icon-triangle-exclamation-yellow:#FFC700;
  --color-notice-profile-icon-star:#FFC700;
  --color-notice-profile-icon-trophy:#C19200;
  --color-notice-profile-icon-support:#BA85A8;
  --color-notice-profile-icon-royalty-claim:#90C288;
  --color-notice-profile-icon-white:#ffffff;
  --color-notice-profile-icon-cloud:#57A0F8;
  --color-chart-tooltip-body:#D9D9D9;
}

html[dark] {
  --color-primary-light: #869197;
  --color-primary: #37A6FF;
  --color-secondary-100: #E6E6E6;
  --color-secondary-80: #cacaca;
  --color-secondary-70: #c0c0c0;
  --color-secondary-50: #a7a7a7;
  --color-secondary-25: #878787;
  --color-secondary-10: #141414;
  --color-secondary-surface: #4e4e4e;
  --color-secondary-surface-hover: var(--color-border-menu);
  --color-secondary-background: #383838;
  --color-description-text: #cacaca;
  --color-ask-frame-tail: #fff;
  --color-slide-button-background: #000000b3;
  --color-border: #383838;
  --color-svg-icon-1: #cacaca;
  --color-svg-icon-2: #fff;
  --color-assets-download-icon: #c0c0c0;
  --color-logo-icon: #fff;
  --color-logo-text: #fff;
  --color-text: #c0c0c0;
  --color-border-menu: #878787;
  --color-linear-gradient-stop2: #38383840;
  --color-linear-gradient-stop3: #38383800;
  --color-bg-footer-sns: #4e4e4e;
  --color-bg-footer-menu: #383838;
}

html {
  background-color: var(--color-secondary-background);
}