:root {
    --theme: "argusEyes";

    --rgb-color-value: 255, 255, 255;
    --rgb-color-value-inverse:  0, 0, 0;

    /* --background-image, --background-body  - was removed to ThemeManager */

    --color-value: rgba(var(--rgb-color-value),1);
    --color-value-inverse: rgba(var(--rgb-color-value-inverse),1);
    --color-caption: rgba(191,191,191,1);
    --color-unit: rgba(137,137,137,1);
    --color-ui-control: rgba(27,196,233,1);
    --color-text-disabled: rgba(101,101,101,1);
    --color-control-top: rgba(255,255,255,1);
    --color-slider-center: rgba(0,0,0,0);

    /**** Only rgb part of color state ****/
    --rgb-valid: 28,136,0;
    --rgb-alarm: 196,52,6;
    --rgb-warn: 198,157,14;
    --rgb-info: 28,0,141;
    --rgb-inactive: 80,80,80;
    --rgb-active: 28,136,0;
    --rgb-fail: 255,130,5;

    --rgb-accent: 73,125,182;
    --rgb-red: 255,0,0;
    --rgb-red-dark: 91,6,2;
    --rgb-green: 24,121,0;
    --rgb-green-dark: 11,54,0;
    --rgb-yellow: 244,255,0;
    --rgb-yellow-dark: 118,92,0;
    --rgb-blue: 49,7,217;
    --rgb-blue-dark: 21,0,108;
    --rgb-white: 255,255,255;
    --rgb-gray: 91,97,113;
    --rgb-transparent: 0,0,0;

    /*  colors state  */
    --color-valid: rgba(var(--rgb-valid),1);
    --color-alarm: rgba(var(--rgb-alarm),1);
    --color-warn: rgba(var(--rgb-warn),1);
    --color-info: rgba(var(--rgb-info),1);
    --color-inactive: rgba(var(--rgb-inactive),1);
    --color-active: rgba(var(--rgb-active),1);
    --color-fail: rgba(var(--rgb-fail),1);

    --color-accent: rgba(var(--rgb-accent),1);
    --color-red: rgba(var(--rgb-red),1);
    --color-red-dark: rgba(var(--rgb-red-dark),1);
    --color-green: rgba(var(--rgb-green),1);
    --color-green-dark: rgba(var(--rgb-green-dark),1);
    --color-yellow: rgba(var(--rgb-yellow),1);
    --color-yellow-dark: rgba(var(--rgb-yellow-dark),1);
    --color-blue: rgba(var(--rgb-blue),1);
    --color-blue-dark: rgba(var(--rgb-blue-dark),1);
    --color-white: rgba(var(--rgb-white),1);
    --color-gray: rgba(var(--rgb-gray),1);
    --color-transparent: rgba(var(--rgb-transparent),0);

    /******************/
    --color-border-top: rgba(0,0,0,1);
    --color-border-bottom: rgba(89,89,89,1);
    --color-background-top: rgba(89,89,89,1);
    --color-background-bottom: rgba(0,0,0,1);

    --color-minor: #727272;
    --color-power: rgba(50,200,50,1);

    --color-link: #0071c1;
    --color-btn-bg: #1b6ec2;
    --color-btn-border: #1861ac;
    --color-popup-bg: #000000;
    --color-popup-shad: rgba(0, 0, 0, 0.2);
    --color-delay: darkorange;

    --color-menu-active: rgba(66, 133, 244, 0.3);
    --color-menu-sd-0: #00BFFF;

    --color-design: rgba(53,61,70,1);
    --color-btn-panel: rgba(50,50,50,0.70);
    --back-grad-panel: linear-gradient(to bottom, rgba(53,61,70,1), rgba(32,32,32,1));

    --color-panel-allot: rgba(255,250,220,1);
    --color-tree: lightgrey;
    --color-tree-selected: rgba(241,250,15,1);

    --color-compass-circle: rgba(43,43,43,1);
    --color-canvas: rgba(43,43,43,1);

    /***** new *****/
    --color-primary: 111,111,111;
    --color-secondary: 80,80,80;
    --color-third: 0,0,0;

    --btn-wrapper-border: none;
    --btn-radius: 0.4rem;
    --btn-border: 0.1rem solid transparent;
    --btn-grad-border: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,1)) border-box, linear-gradient(to bottom, rgba(0,0,0,0.95) 10%, rgba(0,0,0,0.5) 50%, rgba(128,128,128,0.2) 90%);
    --btn-grad-border-disabled: linear-gradient(rgba(0, 0, 0, 0.20),rgba(0, 0, 0, 0.20)) border-box;
    --btn-grad-up: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.6) 90%, rgba(0,0,0,0.7) 100%) padding-box;
    --btn-grad-down: linear-gradient(rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0.7) 90%, rgba(0,0,0,0.8) 100%);
    --btn-shadow-up: 0 .1rem .2rem rgba(255,255,255,0.5);
    --btn-shadow-down: none;
    --btn-border-inner: 0.1rem solid rgba(0,0,0,1);
    --btn-padding: 0.6rem;

    --ui-border: none;
    --ui-radius: none;
    --ui-grad: none;
    --ui-btn-grad: none;
    --ui-btn-shadow: none;
    --ui-led: var(--color-inactive) border-box;
    --ui-led-active: radial-gradient(circle, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 80%), var(--color-ui-control) border-box;
    --ui-circle: radial-gradient(farthest-corner at 50% 20%,rgba(156,156,156,1),rgba(32,32,32,1),rgba(32,32,32,1));
    --ui-circle-shadow: 0 0 .4rem rgba(0,0,0,0.5);
    --ui-circle-active: radial-gradient(farthest-corner at 50%, rgba(0,0,0,0) 55%, rgba(0,0,0,0.5) 62%);
    --ui-circle-inner: linear-gradient(to bottom, rgba(53,61,70,1) 0%,rgba(32,32,32,1) 100%);
    --ui-inner-shadow: 0 .8rem .7rem rgba(0,0,0,0.5);

    --biborder-grad: linear-gradient(rgba(0,0,0,1), rgba(73,73,73,1)) border-box;
    --biborder-grad-1: rgba(0,0,0,1);
    --biborder-border: 0.2rem solid transparent;
    --biborder-shadow-base: none;
    --biborder-shadow: none;
    --biled-shadow: 0 -0.1rem .2rem .3rem rgba(0,0,0,1) inset, 0 .4rem .1rem rgba(255,255,255,0.35) inset;
    --biled-grad-inner-base: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0.3), rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0.6));
    --biled-grad-inner: radial-gradient(ellipse 90% 90%, rgba(255,200,3,1) 0%, rgba(255,180,79,0) 45%), radial-gradient(ellipse, rgba(0,0,0,0) 60%, rgba(0,0,0,0.3) 100%);
    --biled-grad-inner-2: radial-gradient(ellipse 90% 90%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 45%), radial-gradient(ellipse, rgba(0,0,0,0) 60%, rgba(0,0,0,0.4) 100%);
    --biled-grad-inner-3: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0.3), rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0.6));
    --biled-color-text-base: rgba(0,0,0,1);
    --biled-color-text: rgba(0,0,0,1);
    --biled-color-text-2: var(--color-caption);
    --small-inner-grad: rgba(var(--color-secondary),1);
    --small-inner-shadow: 0 .2rem 0 0 rgba(0,0,0,0.8) inset, 0 -0.2rem 0 0 rgba(255,255,255,0.4) inset;
    --led-text-grad: radial-gradient(ellipse, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 60%);
    --led-text-grad-1: radial-gradient(ellipse, rgba(255,255,0,0.5) 0%, rgba(255,255,0,0) 60%);
    --led-text-grad-2: radial-gradient(ellipse, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 40%);
    --led-text-grad-3: radial-gradient(ellipse, rgba(255,255,0,0.2) 0%, rgba(255,255,0,0) 40%);
    --led-text-shadow: none;
    --led-text-bg-clip: text;
    --led-text-color: transparent;
    --led-text-color-simple: var(--led-text-color);
    --led-text-padding: 0.5rem;

    --binum-grad: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.08)), rgba(0,0,0,1) padding-box;
    --binum-shadow: 0 1.2rem 1rem rgba(0,0,0,0.5) inset;
    --binum-grad-border: none;
    --binum-border: 0.2rem solid transparent;

    --card-border: 0.1rem solid rgba(255,255,255,0.1);
    --card-shadow: .2rem .2rem 0 rgba(255, 255, 255, 0.2) inset, 1.1rem 1.1rem .8rem rgba(0, 0, 0, 0.6);
    --card-shadow-dark: 0 .1rem .1rem .3rem rgba(0, 0, 0, 0.45) inset, 0 -0.3rem .1rem rgba(255, 255, 255, 0.25) inset;
    --card-line-border: 0.1rem solid rgba(var(--color-secondary),1);
    --card-line-shadow: 0 .1rem .1rem rgba(0, 0, 0, 0.4) inset, 0 .2rem .1rem rgba(255, 255, 255, 0.05);

    --menu-border: 0.05rem solid var(--color-value);
    --menu-border-inner: 0.1rem solid rgba(0,0,0,1);
    --menu-grad: linear-gradient(180deg, rgba(60,60,60,1) 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 80%, rgba(43,43,43,1) 100%);
    --menu-shadow: none;
    --menu-shadow-active: 0 .2rem 1rem 0 rgba(0, 191, 255, 1), 0 .2rem 2rem 0 rgba(66, 133, 244, 1);
    --menu-border-radius: 0.6rem;

    --tank-grad-horiz: linear-gradient(to bottom, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.4) 10%, rgba(255,255,255,0.65) 20%, rgba(255,255,255,0.3) 35%, rgba(0,0,0,0.45) 70%, rgba(0,0,0,0.55) 82%, rgba(0,0,0,0.7) 100%), linear-gradient(to bottom, rgba(0,0,0,0.2) 30%, rgba(16,16,16,0.6) 100%);
    --tank-grad: linear-gradient(to right, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.4) 10%, rgba(255,255,255,0.65) 20%, rgba(255,255,255,0.3) 35%, rgba(0,0,0,0.45) 70%, rgba(0,0,0,0.55) 82%, rgba(0,0,0,0.7) 100%), linear-gradient(to bottom, rgba(0,0,0,0.2) 30%, rgba(16,16,16,0.6) 100%);
    --tank-grid-horiz: linear-gradient(to left, rgba(0,0,0,0.7) 10%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.9) 60%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%);
    --tank-grid: linear-gradient(to bottom, rgba(0,0,0,0.7) 10%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.9) 60%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%);
    --tank-radius: var(--btn-radius);

    --input-grad: linear-gradient(rgba(0,0,0,0.1) 0%, rgba(255,255,255,0.1) 10%, rgba(255,255,255,0.05) 100%), rgba(var(--color-secondary),1) border-box;
    --input-grad-active: linear-gradient(rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 25%, rgba(128,128,128,0.2) 100%), var(--color-info) border-box;
    --input-shadow: 0 0 .4rem rgba(0,0,0,0.5) inset;
    --input-wrapper-grad: linear-gradient(rgba(0,0,0,0.95), rgba(0,0,0,0.5), rgba(128,128,128,0.2)) border-box;
    --input-wrapper-border: 0.2rem solid transparent;
}