:root {
  --txt-00: #ffffff;
  --txt-01: light-dark(#110529, #ffffff);
  --txt-02: #231842;
  --txt-03: #9d9eae;
  --txt-mask: #cfd1db;
  --txt-focus: #07ad3e;
  --txt-error: #f1222f;
  --txt-link: #5f31cc;
  //icon
  --ic-00: #ffffff;
  --ic-01: #110529;
  --ic-02: #cfd1db;
  --ic-accent: #07ad3e;
  //border
  --border-color-default: #110529;
  --border-color-hover: #231842;
  --border-color-focus: #49cc49;
  --border-color-error: #ff5c5c;
  --border-color-div-grey: #e1e3eb;
  --border-color-div-bw: #ffffff;
  //button
  --btn-accent-default: #845cff;
  --btn-accent-hover: #9470ff;
  --btn-accent-press: #6f4dd6;
  --btn-primary-default: #110529;
  --btn-primary-hover: #231842;
  --btn-primary-press: #080214;
  --btn-sec-hover-white: rgba(255, 255, 255, 0.5);
  --btn-sec-hover-grey: light-dark(rgba(155, 171, 204, 0.16), rgba(131, 131, 163, 0.16));
  --btn-sec-press-grey: rgba(155, 171, 204, 0.24);
  --btn-active-select: rgba(99, 224, 36, 0.24);
  --btn-switcher: linear-gradient(180deg, #a1e59c 0%, #d0f5b0 100%);

  --btn-accent-positive-500: #ecfbe5;
  //disable
  --dis-00: #ffffff;
  --dis-01: light-dark(#cfd1db, #3d3d42);
  //background
  --bg-base-dark: #110529;
  --bg-base-light: #f7f8fa;
  --bg-elevated-01: #ffffff;
  --bg-elevated-02: #e1e3eb;
  --bg-error: #fff5f5;
  //filled
  --filled-V-BG: #d0f0c0;
  --filled-D-BG: #ffcecc;
  --filled-N-BG: #faf5aa;
  --filled-J-BG: #dedbff;
  //notifications
  --notification-neutral: linear-gradient(90deg, #d6d9ff 0%, #fff 100%);
  --notification-success: linear-gradient(90deg, #c9f0b6 0%, #fff 100%);
  --notification-warning: linear-gradient(90deg, #fee0a3 0%, #fff 100%);
  --notification-error: linear-gradient(90deg, #ffb8b8 0%, #fff 100%);
  //gradient
  --gradient-blue-green: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);
  --gradient-green-lime: linear-gradient(180deg, #a1e59c 0%, #d0f5b0 100%);
  --gradient-blue-violet: linear-gradient(180deg, #adb8ff 0%, #d6e9ff 100%);
  --gradient-blue-clear: linear-gradient(180deg, #85beff 0%, #cef 100%);
  --gradient-orange: linear-gradient(180deg, #ffb766 0%, #ffeaa3 100%);
  --gradient-mint: linear-gradient(180deg, #7dd1d1 0%, #c8fae9 100%);
  --gradient-lime: linear-gradient(180deg, #bfe062 0%, #e4ffad 100%);
  --gradient-rose: linear-gradient(0deg, #ffddd6 0%, #ff99c9 100%);
  --gradient-red: linear-gradient(0deg, #ffd5cc 0%, #ff9494 100%);
  --gradient-violet: linear-gradient(180deg, #bca3ff 0%, #e5e5ff 100%);
  --TT-gradient-violet: linear-gradient(180deg, #bca3ff 0%, #e5e5ff 100%);
  --gradient-light-lime: linear-gradient(180deg, #ebffeb 0%, transparent 100%);
  //box shadow
  --shadow-l: 0px 8px 16px -4px rgba(15, 36, 77, 0.16), 0px 12px 32px -4px rgba(15, 36, 77, 0.16);
  // Layout
  --main-spacing: 24px;
  --gap-v: 24px;
  --gap-h: 12px;
  --border-radius: 6px;

  // @TODO global overlays
  --z-splash: 50;
  --z-slide-shadow: 80;
  --z-slide-dialog: 81;
  --z-dialog: 100;
  --z-dropdown-options: 110;
  --z-tooltip: 120;
  --z-context-menu: 1001;

  // Base custom scrollbar width (see mixins)
  --scrollbar-width: 6px;
}

[data-theme="dark"] {
  --txt-00: #ffffff;
  --txt-01: #ffffff;
  --txt-02: #adaeb8;
  --txt-03: #60616b;
  --txt-mask: #3d3d42;
  --txt-focus: #87e087;
  --txt-error: #ff5c5c;
  --txt-link: #9470ff;
  //icon
  --ic-00: #ffffff;
  --ic-01: #ffffff;
  --ic-02: #60616b;
  --ic-accent: #87e087;
  //border
  --border-color-default: #60616b;
  --border-color-hover: #adaeb8;
  --border-color-focus: #49cc49;
  --border-color-error: #ff5c5c;
  --border-color-div-grey: #232329;
  --border-color-div-bw: #000000;
  //button
  --btn-accent-default: #5f31cc;
  --btn-accent-hover: #5f31cc;
  --btn-accent-press: #5f31cc;
  --btn-primary-default: #5f31cc;
  --btn-primary-hover: #6d3ddb;
  --btn-primary-press: #5328b8;
  --btn-sec-hover-white: rgba(131, 131, 163, 0.16);
  --btn-sec-hover-grey: rgba(131, 131, 163, 0.16);
  --btn-sec-press-grey: rgba(131, 131, 163, 0.24);
  --btn-active-select: rgba(99, 224, 36, 0.24);
  --btn-switcher: #5e5e70;
  //disable
  --dis-00: #65656b;
  --dis-01: #3d3d42;
  //background
  --bg-base-dark: #0d0d0f;
  --bg-base-light: #0d0d0f;
  --bg-elevated-01: #1b1b1f;
  --bg-elevated-02: #2d2d33;
  --bg-error: #fff5f5;
  //filled
  --filled-V-BG: rgba(66, 184, 66, 0.4);
  --filled-D-BG: rgba(229, 83, 229, 0.4);
  --filled-N-BG: rgba(83, 82, 102, 0.4);
  --filled-J-BG: rgba(132, 92, 255, 0.4);
  //notifications
  --notification-neutral: linear-gradient(90deg, #4d4d8f 0%, #292933 100%);
  --notification-success: linear-gradient(90deg, #305c3e 0%, #292933 100%);
  --notification-warning: linear-gradient(90deg, #754f2d 0%, #292933 100%);
  --notification-error: linear-gradient(90deg, #8f3343 0%, #292933 100%);
  //gradient
  --gradient-blue-green: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);
  --gradient-green-lime: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);
  --gradient-blue-violet: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);
  --gradient-blue-clear: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);
  --gradient-orange: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);
  --gradient-mint: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);
  --gradient-lime: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);
  --gradient-rose: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);
  --gradient-red: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);
  --gradient-violet: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);
}