:root {
  --color-error: #ff5959;
  --color-warning: #ddc700;
  --color-info: #00b0e6;
  --color-success: #00ca00;
  --color-primary: #ff0000;
  --color-secondary: #188bff;
  --color-online: #61C963;
  --color-offline: #ff0000;
  --color-busy: #ddc700;
  --color-away: #ddc700;
  --color-snooze: #00b0e6;
  --color-ingame: #ff0000;
  --color-descount: #FF396F;
  --color-gold: #ff0000;

  --color-text: white;
  --color-text-blur: #00000065;
  --color-text-inverted: black;
  --color-text-selected: #939393;
  --color-text-primary: white;
  --color-text-secondary: #d3d3d3;
  --color-text-link: #d8d8d8;
  --color-text-title: white;
  --color-text-subtitle: #929292;
  --color-primary-text: #ffffff;

  --color-scroll-background: #222222;
  --color-scroll-bar: #2b2b2b;

  --color-shimmer-background: #222222;
  --color-shimmer-effect: #313131;
  --color-shimmer-primary-background: #e20000;
  --color-shimmer-primary-effect: #ff4d4d;
  --color-progress-background: #e60000;
  --color-progress-effect: #ff5c5c;

  --color-navigation: #1C1C1C;
  --color-navigation-icon: #ff0000;
  --color-navigation-text: #7d7d7d;
  --color-navigation-border: #272727;

  --color-background: #121212;
  --color-background-panel: #222222;
  --color-background-text: #ffffff;

  --color-separator: #383838;
  --color-pagination: #ff000033;

  --color-header: #222222;
  --color-header-blur: #1c1c1ca8;
  --color-header-text: #ff0000;
  --color-header-icon: #ff0000;
  --color-header-hover: #a5a5a514;
  --color-header-border: #272727;
  --color-header-border-blur: #27272725;
  --color-header-block: #a5a5a514;

  --color-context-screen: #0808087d;
  --color-context-hover: #a5a5a514;
  --color-context-shadow: #5a5a5a1a;
  --color-context-shadow_screen: #5a5a5a4d;

  --color-footer: #222222;
  --color-footer-text: #e7e7e7;

  --color-block: #222222;
  --color-block-hover: #2222228a;
  --color-block-hover_a12: #6464641f;
  --color-block-hover_soft: #fbfbfb;
  --color-block-blur: #121212a8;
  --color-block-secondary: #2b2b2b;
  --color-block-secondary-hover: #303030;
  --color-block-secondary-border: transperent;
  --color-block-primary: #ff0000;
  --color-block-wrap: #242424;
  --color-block-text: #F4F4F4;
  --color-block-border: #333333;
  --color-block-border-blur: #33333325;
  --color-block-frame: #3b3b3b;
  --color-block-shadow: #1C1C1C;

  --color-modal-background: #00000086;
  --color-modal-blur: 6px;
  --color-modal-close: #ffffffad;
  --color-modal-close-hover: #ffffff;
  --color-modal-close-mobile: #ff0000d0;

  --color-frame-shadow: #223c5025;
  --color-elipse: #E5E9EF;
  --color-elipse-error: #ff0000;
  --color-elipse-primary: #ff0000;

  --color-input: #2B2B2B;
  --color-input-hover: #333333;
  --color-input-blur: #30303065;
  --color-input-blur-hover: #34343465;
  --color-input-text: white;
  --color-input-placeholder: #979797;
  --color-input-border: #333333;
  --color-input-border-blur: #36363665;
  --color-switcher: #353535;
  --color-switcher-hover: #333333;
  --color-switcher-disabled: #333333;

  --color-tippy-block: #222222;
  --color-tippy-text: white;
  --color-tippy-border: #333333;
  --color-tippy-shadow: #47474750;
  --color-tippy-shadow-size: 4px;

  --color-button: #2B2B2B;
  --color-button-hover: #333333;
  --color-button-standard: #2B2B2B;
  --color-button-standard-hover: #333333;
  --color-button-text: white;
  --color-button-border: #333333;
  --color-button-primary: #ff0000;
  --color-button-primary-hover: #ff5555;
  --color-button-primary-blur: #ff000065;
  --color-button-primary-blur-hover: #ff4d4d80;
  --color-button-primary-shimmer-background: #ff0000;
  --color-button-primary-shimmer-effect: #ff5b5b;
  --color-button-secondary: #61C963;
  --color-button-secondary-hover: #78d379;
  --color-button-error: #FF396F;
  --color-button-error-hover: #fd6276;
  --color-button-warning: #FFC100;
  --color-button-warning-hover: #f8c91f;
  --color-button-info: #00b0e6;
  --color-button-info-hover: #16c1f5;
  --color-button-blur: #30303065;
  --color-button-blur-hover: #34343465;
  --color-button-border-blur: #36363665;
  --color-button-social: #2d549d;
  --color-button-social-hover: #4c6ead;

  --color-fluent: #7a7a7a20;
  --color-fluent-border: #7a7a7a;
  --color-fluent-hover: #a7a7a730;
  --color-fluent-primary: #ff000020;
  --color-fluent-primary-border: #ff0000;
  --color-fluent-primary-hover: #ff000030;
  --color-fluent-secondary: #00ca0020;
  --color-fluent-secondary-border: #00ca00;
  --color-fluent-secondary-hover: #00ca0030;
  --color-fluent-info: #00b0e620;
  --color-fluent-info-border: #00b0e6;
  --color-fluent-info-hover: #00b0e630;
  --color-fluent-red: #ff000020;
  --color-fluent-red-border: #ff0000;
  --color-fluent-red-hover: #ff000030;
  --color-fluent-yellow: #ffff0020;
  --color-fluent-yellow-border: #ffff00;
  --color-fluent-yellow-hover: #ffff0030;
  --color-fluent-orange: #ffa50020;
  --color-fluent-orange-border: #ffa500;
  --color-fluent-orange-hover: #ffa50030;
  --color-fluent-purple: #80008020;
  --color-fluent-purple-border: #800080;
  --color-fluent-purple-hover: #80008030;
  --color-fluent-gold: #ffff0020;
  --color-fluent-gold-border: #ffff00;
  --color-fluent-gold-hover: #ffff0030;

  /*
    This Project
  */
  --image-advantages: url('/engine/assets/img/advantages-dark.png');
  --image-painted: url('/engine/assets/img/painted-dark.png');
  --image-project: url('/engine/assets/img/project-dark.png');
  --image-project-blend: unset;
  --color-btn-p: #2B2B2B;
  --color-btn-p-h: #333333;
  --color-btn-p-t: white;
  --color-btn-p-b: white;
  --color-map-bg: #181818;
  --color-map-region: #adadad;
  --color-map-region-hover: #adadad33;
  --color-map-region-active: #adadad4d;

  --color-rect-start: #000000e7;
  --color-rect-stop: #000000b6;

  --color-top-rect-start: #252525ee;
  --color-top-rect-stop: #252525c0;

  --color-pass-rect-start: #252525ee;
  --color-pass-rect-stop: #252525c0;

  --color-store-discount-background: #ff0000;
  --color-store-discount-effect: #ffef65;
  
  --color-rust-primary: #C74029;
}