:root {
  --color-error: #ff5959;
  --color-warning: #ddc700;
  --color-info: #00b0e6;
  --color-success: #00ca00;
  --color-primary: #ffe500;
  --color-secondary: #61C963;
  --color-online: #61C963;
  --color-offline: #ff0000;
  --color-busy: #ddc700;
  --color-away: #ddc700;
  --color-snooze: #00b0e6;
  --color-ingame: #0077FF;
  --color-descount: #FF396F;
  --color-accent: white;

  /* Light варианты цветов */
  --color-error-light: #FFEDED;
  --color-warning-light: #FFF8E6;
  --color-info-light: #E6F8FF;
  --color-success-light: #EDFFF0;
  --color-primary-light: #EBF5FF;
  --color-secondary-light: #EEFFE9;
  --color-online-light: #EDFFF0;
  --color-offline-light: #FFEDED;
  --color-busy-light: #FFF8E6;
  --color-away-light: #FFF8E6;
  --color-snooze-light: #E6F8FF;
  --color-ingame-light: #E6F0FF;

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

  --color-scroll-background: #2A2A2A;
  --color-scroll-bar: #444444;

  --color-shimmer-background: #222222;
  --color-shimmer-effect: #313131;
  --color-shimmer-primary-background: #ffe500;
  --color-shimmer-primary-effect: #fff6a9;
  --color-progress-background: #ecd400;
  --color-progress-effect: #fff6a9;
  --color-loadbar-background: #474747;
  --color-loadbar-effect: #838383;

  --color-navigation: #0d0d0d;
  --color-navigation-blur: #14141475;
  --color-navigation-icon: #c0c0c0;
  --color-navigation-text: #7d7d7d;
  --color-navigation-border: #121212;
  --color-navigation-border-blur: #27272725;

  --color-background: #000000;
  --color-background-panel: #181818;
  --color-background-text: #ffffff;

  --color-separator: #383838;
  --color-pagination: #0077ff33;

  --color-header: #0d0d0d;
  --color-header-blur: #14141475;
  --color-header-text: #e7e7e7;
  --color-header-icon: #ffffff;
  --color-header-hover: #a5a5a514;
  --color-header-border: #121212;
  --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: #0d0d0d26;
  --color-footer-text: #e7e7e7;

  --color-block: #1a1a1a;
  --color-block-hover: #202020;
  --color-block-hover_a12: #6464641f;
  --color-block-hover_soft: #fbfbfb;
  --color-block-blur: #121212a8;
  --color-block-secondary: #202020;
  --color-block-primary: #ffe500;
  --color-block-wrap: #242424;
  --color-block-text: #F4F4F4;
  --color-block-border: #1e1e1e;
  --color-block-border-blur: #33333325;
  --color-block-shadow: #1C1C1C;

  --color-modal-background: #00000086;
  --color-modal-blur: 12px;
  --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: #ffe500;

  --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: #2B2B2B;
  --color-switcher-hover: #333333;
  --color-switcher-disabled: #333333;
  --color-switcher-card: #212121;
  --color-switcher-card-hover: #252525;

  --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: #ffe500;
  --color-button-primary-hover: #ffeb3a;
  --color-button-primary-blur: #ffe50065;
  --color-button-primary-blur-hover: #ffeb3a80;
  --color-button-primary-shimmer-background: #ffe500;
  --color-button-primary-shimmer-effect: #ffeb3a;
  --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: #ffd12d;
  --color-button-info: #00b0e6;
  --color-button-info-hover: #16c1f5;
  --color-button-blur: #30303065;
  --color-button-blur-hover: #34343465;
  --color-button-border-blur: #36363665;

  --color-fluent: #7a7a7a20;
  --color-fluent-border: #7a7a7a;
  --color-fluent-hover: #a7a7a730;
  --color-fluent-primary: #fafafa20;
  --color-fluent-primary-border: #e2e2e2;
  --color-fluent-primary-hover: #ffffff30;
  --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-rect-start: #000000e7;
  --color-rect-stop: #000000b6;

  --color-fx-galactic: #05020a;
  --color-fx-stars: #ffffff66;
  --color-fx-comet-glow: #0077ff;
  --color-fx-comet-head: white;
  --color-fx-comet-head-shadow: #ffffffcc;
  --color-fx-comet-tail-start: #ffffffcc;
  --color-fx-comet-tail-end: #ffffff00;
  --color-fx-comet-tail-shadow: #ffffff66;

  --color-timeline-dot: #666;
  --color-timeline-line: #444;
  --color-timeline-time: #888;

  --img-wave: url('/engine/assets/img/l-wave-silver-c.png');

  /* Panel*/
  --color-panel-navigation: #171717;
  --color-panel-navigation-border: 0;

  --color-panel-header: #171717;
  --color-panel-header-border: 0;
  --color-panel-header-blur: #25252575;
  --color-panel-header-blur-border: 0;
  --color-panel-header-input: #252525;
  --color-panel-header-input-hover: #2b2b2b;

  --color-panel-content-menu: #171717;
  --color-panel-content-menu-border: 0;
  --color-panel-block: #0d0d0d;
  --color-panel-block-border: #121212;
}