@media (prefers-color-scheme: light) {
  :root {
    --black: #000000;
    --white: #ffffff;
    --black-10: #00000025;
    --white-10: #ffffff25;
    --primary-color: #00A37A;
    --secondary-color: #dc004e;
    --accent-color: #ff4081;
    --error-color: #DF5052;
    --warning-color: #ff9800;
    --info-color: #00A37A;
    --success-color: #00A37A;
    --bg-color: #fffdfb;
    --bg-secondary-color:  #FFFFFF;
    --bg-tertiary-color: #F7EEEE;
    --bg-progress-indicator: #c3c3c3;
    --bg-progress-indicator-notification: #c3c3c32d;
    --bg-color-success: #00a37a1d;
    --bg-color-error: #df50520f;
    --bg-color-asset-card: #00a39b10;
    --border-color: #E3D9D9;
    --border-color2: #f1efef7d;
    --success-border-color: #6ec5ae;
    --error-border-color: #e7a1a3;
    --text-color: #000000;
    --text-color-secondary: #666666;
    --success-text-color: #006048;
    --error-text-color: #890002;
    --tertiary-text-color: #A18989;
    --header-bg-color: #fffdfb;
    --header-text-color: #666666;
    --footer-bg-color: #fffdfb;
    --footer-text-color: #666666;
    --sidebar-bg-color: #fffdfb;
    --sidebar-text-color: #666666;
    --sidebar-border-color: #E3D9D9;
    --sidebar-button-hover-icon-color: #00A37A;
    --sidebar-button-hover-text-color: #00907B;
    --sidebar-button-active-icon-color: #00A37A;
    --sidebar-button-active-text-color: #00907B;
    --userbar-bg-color: #fffdfb;
    --userbar-text-color: #666666;
    --userbar-border-color: #00A37A;
    --control-bg-color: #e0e0e0;
    --control-text-color: #666666;
    --button-background-color: #f0f0f0;
    --button-text-color: #666666;
    --button-hover-bg-color: #00A37A1a;
    --button-hover-text-color: #666666;
    --button-active-bg-color: #00A37A1a;
    --button-active-text-color: #666666;
    --main-button-background-color: #00A37A;
    --main-button-text-color: #ffffff;
    --main-button-hover-bg-color: #008866;
    --main-button-hover-text-color: #ffffff;
    --main-button-active-bg-color: #00A37A;
    --main-button-active-text-color: #ffffff;
    --main-button-disabled-bg-color: #B3B3B3;
    --main-button-sso-border-color: #B3B3B3;
    --main-button-sso-text-color: #666666;
    --main-button-sso-hover-bg-color: #ffffff;
    --main-button-sso-text-hover-color: #666666;
    --main-button-sso-active-bg-color: #ffffff;
    --main-button-sso-text-active-color: #666666;
    --button-secondary-text-color: #666666;
    --button-secondary-border-color: #B3B3B3;
    --button-secondary-hover-bg-color: #F7EEEE;
    --button-secondary-active-bg-color: #F7EEEE;
    --input-background: #ffffff;
    --input-border-color: #B3B3B3;
    --input-border-color-readonly: #b3b3b37c;
    --input-border-color-hover: #00A37A;
    --input-border-color-active: #00A37A;
    --input-text-color: #666666;
    --link-text-color: #00A37A;
    --link-hover-text-color: #00907B;
    --border-meniu-color: #E3D9D9;
    --text-meniu-color: #000000;
    --box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.1), 0 0.8rem 1rem 0 rgba(0, 0, 0, 0.1);
    --input-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.4);
    --input-shadow-error: 0 0 0 0.2rem rgba(244, 67, 54, 0.3); } }

@media (prefers-color-scheme: dark) {
  :root {
    --black: #000000;
    --white: #ffffff;
    --black-10: #00000025;
    --white-10: #ffffff25;
    --primary-color: #00D6A4;
    --secondary-color: #f48fb1;
    --accent-color: #ff4081;
    --error-color: #f44336;
    --warning-color: #ff9800;
    --info-color: #00A37A;
    --success-color: #00D6A4;
    --bg-color: #061b17;
    --bg-secondary-color:  #062620;
    --bg-tertiary-color: #00ffc326;
    --bg-progress-indicator: #c3c3c3;
    --bg-progress-indicator-notification: #c3c3c32d;
    --bg-color-success: #00a37a1d;
    --bg-color-error: #df50520f;
    --bg-color-asset-card: #00a39b10;
    --border-color: #143930;
    --border-color2: #143930;
    --success-border-color: #6ec5ae;
    --error-border-color: #e7a1a3;
    --text-color: #ffffff;
    --text-color-secondary: #666666;
    --success-text-color: #006048;
    --error-text-color: #890002;
    --tertiary-text-color: #00D6A4;
    --header-bg-color: #061b17;
    --header-text-color: #ffffff;
    --footer-bg-color: #061b17;
    --footer-text-color: #B3B3B3;
    --sidebar-bg-color: #061b17;
    --sidebar-text-color: #B3B3B3;
    --sidebar-border-color: #373737;
    --sidebar-button-hover-icon-color: #00FFC3;
    --sidebar-button-hover-text-color: #00FFC3;
    --sidebar-button-active-icon-color: #00FFC3;
    --sidebar-button-active-text-color: #00FFC3;
    --userbar-bg-color: #061b17;
    --userbar-text-color: #ffffff;
    --userbar-border-color: #00D6A4;
    --control-bg-color: #2c2c2c;
    --control-text-color: #ffffff;
    --button-background-color: #2c2c2c;
    --button-text-color: #ffffff;
    --button-hover-bg-color: #00ffc324;
    --button-hover-text-color: #ffffff;
    --button-active-bg-color: #4c4c4c;
    --button-active-text-color: #ffffff;
    --main-button-background-color: #00D6A4;
    --main-button-text-color: #000000;
    --main-button-hover-bg-color: #00FFC3;
    --main-button-hover-text-color: #000000;
    --main-button-active-bg-color: #00D6A4;
    --main-button-active-text-color: #000000;
    --main-button-disabled-bg-color: #B3B3B3;
    --main-button-sso-border-color: #B3B3B3;
    --main-button-sso-text-color: #ffffff;
    --main-button-sso-hover-bg-color: #373737;
    --main-button-sso-text-hover-color: #ffffff;
    --main-button-sso-active-bg-color: #373737;
    --main-button-sso-text-active-color: #ffffff;
    --button-secondary-text-color: #666666;
    --button-secondary-border-color: #B3B3B3;
    --button-secondary-hover-bg-color: #00ffc326;
    --button-secondary-active-bg-color: #00ffc326;
    --input-background: #ffffff;
    --input-border-color: #666666;
    --input-border-color-readonly: #b3b3b37c;
    --input-border-color-hover: #00D6A4;
    --input-border-color-active: #00D6A4;
    --input-text-color: #666666;
    --link-text-color: #00ffc3;
    --link-hover-text-color: #00D6A4;
    --border-meniu-color: #00D6A4;
    --text-meniu-color: #00D6A4;
    --box-shadow: 0 0.5rem 0.8rem 0 rgba(0, 255, 195, 0.1), 0 1rem 1.3rem 0 rgba(0, 255, 195, 0.1);
    --input-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.4);
    --input-shadow-error: 0 0 0 0.2rem rgba(244, 67, 54, 0.3); } }

:root[data-theme="light"] {
  --black: #000000;
  --white: #ffffff;
  --black-10: #00000025;
  --white-10: #ffffff25;
  --primary-color: #00A37A;
  --secondary-color: #dc004e;
  --accent-color: #ff4081;
  --error-color: #DF5052;
  --warning-color: #ff9800;
  --info-color: #00A37A;
  --success-color: #00A37A;
  --bg-color: #fffdfb;
  --bg-secondary-color:  #FFFFFF;
  --bg-tertiary-color: #F7EEEE;
  --bg-progress-indicator: #c3c3c3;
  --bg-progress-indicator-notification: #c3c3c32d;
  --bg-color-success: #00a37a1d;
  --bg-color-error: #df50520f;
  --bg-color-asset-card: #00a39b10;
  --border-color: #E3D9D9;
  --border-color2: #f1efef7d;
  --success-border-color: #6ec5ae;
  --error-border-color: #e7a1a3;
  --text-color: #000000;
  --text-color-secondary: #666666;
  --success-text-color: #006048;
  --error-text-color: #890002;
  --tertiary-text-color: #A18989;
  --header-bg-color: #fffdfb;
  --header-text-color: #666666;
  --footer-bg-color: #fffdfb;
  --footer-text-color: #666666;
  --sidebar-bg-color: #fffdfb;
  --sidebar-text-color: #666666;
  --sidebar-border-color: #E3D9D9;
  --sidebar-button-hover-icon-color: #00A37A;
  --sidebar-button-hover-text-color: #00907B;
  --sidebar-button-active-icon-color: #00A37A;
  --sidebar-button-active-text-color: #00907B;
  --userbar-bg-color: #fffdfb;
  --userbar-text-color: #666666;
  --userbar-border-color: #00A37A;
  --control-bg-color: #e0e0e0;
  --control-text-color: #666666;
  --button-background-color: #f0f0f0;
  --button-text-color: #666666;
  --button-hover-bg-color: #00A37A1a;
  --button-hover-text-color: #666666;
  --button-active-bg-color: #00A37A1a;
  --button-active-text-color: #666666;
  --main-button-background-color: #00A37A;
  --main-button-text-color: #ffffff;
  --main-button-hover-bg-color: #008866;
  --main-button-hover-text-color: #ffffff;
  --main-button-active-bg-color: #00A37A;
  --main-button-active-text-color: #ffffff;
  --main-button-disabled-bg-color: #B3B3B3;
  --main-button-sso-border-color: #B3B3B3;
  --main-button-sso-text-color: #666666;
  --main-button-sso-hover-bg-color: #ffffff;
  --main-button-sso-text-hover-color: #666666;
  --main-button-sso-active-bg-color: #ffffff;
  --main-button-sso-text-active-color: #666666;
  --button-secondary-text-color: #666666;
  --button-secondary-border-color: #B3B3B3;
  --button-secondary-hover-bg-color: #F7EEEE;
  --button-secondary-active-bg-color: #F7EEEE;
  --input-background: #ffffff;
  --input-border-color: #B3B3B3;
  --input-border-color-readonly: #b3b3b37c;
  --input-border-color-hover: #00A37A;
  --input-border-color-active: #00A37A;
  --input-text-color: #666666;
  --link-text-color: #00A37A;
  --link-hover-text-color: #00907B;
  --border-meniu-color: #E3D9D9;
  --text-meniu-color: #000000;
  --box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.1), 0 0.8rem 1rem 0 rgba(0, 0, 0, 0.1);
  --input-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.4);
  --input-shadow-error: 0 0 0 0.2rem rgba(244, 67, 54, 0.3); }

:root[data-theme="dark"] {
  --black: #000000;
  --white: #ffffff;
  --black-10: #00000025;
  --white-10: #ffffff25;
  --primary-color: #00D6A4;
  --secondary-color: #f48fb1;
  --accent-color: #ff4081;
  --error-color: #f44336;
  --warning-color: #ff9800;
  --info-color: #00A37A;
  --success-color: #00D6A4;
  --bg-color: #061b17;
  --bg-secondary-color:  #062620;
  --bg-tertiary-color: #00ffc326;
  --bg-progress-indicator: #c3c3c3;
  --bg-progress-indicator-notification: #c3c3c32d;
  --bg-color-success: #00a37a1d;
  --bg-color-error: #df50520f;
  --bg-color-asset-card: #00a39b10;
  --border-color: #143930;
  --border-color2: #143930;
  --success-border-color: #6ec5ae;
  --error-border-color: #e7a1a3;
  --text-color: #ffffff;
  --text-color-secondary: #666666;
  --success-text-color: #006048;
  --error-text-color: #890002;
  --tertiary-text-color: #00D6A4;
  --header-bg-color: #061b17;
  --header-text-color: #ffffff;
  --footer-bg-color: #061b17;
  --footer-text-color: #B3B3B3;
  --sidebar-bg-color: #061b17;
  --sidebar-text-color: #B3B3B3;
  --sidebar-border-color: #373737;
  --sidebar-button-hover-icon-color: #00FFC3;
  --sidebar-button-hover-text-color: #00FFC3;
  --sidebar-button-active-icon-color: #00FFC3;
  --sidebar-button-active-text-color: #00FFC3;
  --userbar-bg-color: #061b17;
  --userbar-text-color: #ffffff;
  --userbar-border-color: #00D6A4;
  --control-bg-color: #2c2c2c;
  --control-text-color: #ffffff;
  --button-background-color: #2c2c2c;
  --button-text-color: #ffffff;
  --button-hover-bg-color: #00ffc324;
  --button-hover-text-color: #ffffff;
  --button-active-bg-color: #4c4c4c;
  --button-active-text-color: #ffffff;
  --main-button-background-color: #00D6A4;
  --main-button-text-color: #000000;
  --main-button-hover-bg-color: #00FFC3;
  --main-button-hover-text-color: #000000;
  --main-button-active-bg-color: #00D6A4;
  --main-button-active-text-color: #000000;
  --main-button-disabled-bg-color: #B3B3B3;
  --main-button-sso-border-color: #B3B3B3;
  --main-button-sso-text-color: #ffffff;
  --main-button-sso-hover-bg-color: #373737;
  --main-button-sso-text-hover-color: #ffffff;
  --main-button-sso-active-bg-color: #373737;
  --main-button-sso-text-active-color: #ffffff;
  --button-secondary-text-color: #666666;
  --button-secondary-border-color: #B3B3B3;
  --button-secondary-hover-bg-color: #00ffc326;
  --button-secondary-active-bg-color: #00ffc326;
  --input-background: #ffffff;
  --input-border-color: #666666;
  --input-border-color-readonly: #b3b3b37c;
  --input-border-color-hover: #00D6A4;
  --input-border-color-active: #00D6A4;
  --input-text-color: #666666;
  --link-text-color: #00ffc3;
  --link-hover-text-color: #00D6A4;
  --border-meniu-color: #00D6A4;
  --text-meniu-color: #00D6A4;
  --box-shadow: 0 0.5rem 0.8rem 0 rgba(0, 255, 195, 0.1), 0 1rem 1.3rem 0 rgba(0, 255, 195, 0.1);
  --input-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.4);
  --input-shadow-error: 0 0 0 0.2rem rgba(244, 67, 54, 0.3); }

/*

:root {
    @include light-theme();
}
*/