.mts-theme-light,
[data-mts-theme='light'] {
  --color-brand: #ff0032;
  --color-accent-active: #007cff;
  --color-accent-positive: #26cd58;
  --color-accent-warning: #fac031;
  --color-accent-negative: #f95721;
  --color-accent-active-inverted: #45b6fc;
  --color-accent-positive-inverted: #74df8b;
  --color-accent-warning-inverted: #fad67d;
  --color-accent-negative-inverted: #fa8a64;
  --color-text-headline: #000000;
  --color-text-primary: #1d2023;
  --color-text-secondary: #626c77;
  --color-text-tertiary: #969fa8;
  --color-text-inverted: #fafafa;
  --color-text-positive: #12b23f;
  --color-text-negative: #db400c;
  --color-text-primary-link: #0070e5;
  --color-text-primary-link-hover: #007cff;
  --color-text-primary-link-visited: #3396ff;
  --color-text-primary-link-inverted: #45b6fc;
  --color-text-secondary-link: #626c77;
  --color-text-secondary-link-hover: #bbc1c7;
  --color-text-secondary-link-visited: #abb2b9;
  --color-text-visited-link: #883888;
  --color-text-inactive-tab-bar: #6e7782;
  --color-background-primary: #ffffff;
  --color-background-stroke: rgba(188, 195, 208, 0.5);
  --color-background-primary-elevated: #ffffff;
  --color-background-secondary: #f2f3f7;
  --color-background-secondary-elevated: #ffffff;
  --color-background-modal: #ffffff;
  --color-background-inverted: #1d2023;
  --color-background-overlay: rgba(29, 32, 35, 0.4);
  --color-background-hover: rgba(188, 195, 208, 0.25);
  --color-background-hover-inverted: rgba(242, 243, 247, 0.2);
  --color-background-navbar-ios: rgba(255, 255, 255, 0.92);
  --color-background-disabled: #f8f8fb;
  --color-background-stroke-disabled: rgba(188, 195, 208, 0.25);
  --color-background-lower: #f2f3f7;
  --color-control-primary-active: #ff0032;
  --color-control-secondary-active: #1d2023;
  --color-control-tertiary-active: #f2f3f7;
  --color-control-inactive: rgba(188, 195, 208, 0.5);
  --color-control-alternative: #ffffff;
  --color-control-alternative-stroke-hover: #ced4dc;
  --color-control-active-tab-bar: #ff0032;
  --color-control-inactive-tab-bar: #8d969f;
  --color-control-stroke: #8d969f;
  --color-control-hover: #bcc3d0;
  --color-control-hover-alternative: #f2f3f7;
  --color-icon-primary: #1d2023;
  --color-icon-secondary: #8d969f;
  --color-icon-tertiary: #bbc1c7;
  --color-premium: linear-gradient(48deg, #9bd5ff 6.25%, #9b93ff 44.27%, #9a8dff 58.33%, #7c86fe 84.9%);
  --blend-hover: multiply;
  --blend-hover-inverted: normal;
}

.mts-theme-dark,
[data-mts-theme='dark'] {
  --color-brand: #ff0032;
  --color-accent-active: #45b6fc;
  --color-accent-positive: #74df8b;
  --color-accent-warning: #fad67d;
  --color-accent-negative: #fa8a64;
  --color-accent-active-inverted: #007cff;
  --color-accent-positive-inverted: #26cd58;
  --color-accent-warning-inverted: #fac031;
  --color-accent-negative-inverted: #f95721;
  --color-text-headline: #ffffff;
  --color-text-primary: #fafafa;
  --color-text-secondary: #969fa8;
  --color-text-tertiary: #626c77;
  --color-text-inverted: #1d2023;
  --color-text-positive: #74df8b;
  --color-text-negative: #ffa080;
  --color-text-primary-link: #45b6fc;
  --color-text-primary-link-hover: #45b6fc;
  --color-text-primary-link-visited: #0063cc;
  --color-text-primary-link-inverted: #0070e5;
  --color-text-secondary-link: #969fa8;
  --color-text-secondary-link-hover: #626c77;
  --color-text-secondary-link-visited: #787f86;
  --color-text-visited-link: #b767b7;
  --color-text-inactive-tab-bar: rgba(255, 255, 255, 0.46);
  --color-background-primary: #000000;
  --color-background-stroke: rgba(127, 140, 153, 0.35);
  --color-background-primary-elevated: #1d2023;
  --color-background-secondary: rgba(98, 108, 119, 0.25);
  --color-background-secondary-elevated: rgba(98, 108, 119, 0.25);
  --color-background-modal: #2c3135;
  --color-background-inverted: #ffffff;
  --color-background-overlay: rgba(29, 32, 35, 0.6);
  --color-background-hover: rgba(242, 243, 247, 0.2);
  --color-background-hover-inverted: rgba(188, 195, 208, 0.25);
  --color-background-navbar-ios: rgba(0, 0, 0, 0.92);
  --color-background-disabled: rgba(98, 108, 119, 0.15);
  --color-background-stroke-disabled: rgba(127, 140, 153, 0.1);
  --color-background-lower: #000000;
  --color-control-primary-active: #ff0032;
  --color-control-secondary-active: #ffffff;
  --color-control-tertiary-active: rgba(127, 140, 153, 0.35);
  --color-control-inactive: rgba(127, 140, 153, 0.35);
  --color-control-alternative: rgba(127, 140, 153, 0.35);
  --color-control-alternative-stroke-hover: #6a7278;
  --color-control-active-tab-bar: #ffffff;
  --color-control-inactive-tab-bar: rgba(255, 255, 255, 0.46);
  --color-control-stroke: #636b72;
  --color-icon-primary: #fafafa;
  --color-icon-secondary: #969fa8;
  --color-icon-tertiary: #626c77;
  --color-premium: linear-gradient(48deg, #9bd5ff 6.25%, #9b93ff 44.27%, #9a8dff 58.33%, #7c86fe 84.9%);
  --blend-hover: normal;
  --blend-hover-inverted: multiply;
}