:root {
  --color-text-white: #fff;
  --color-text-black: #000;
  --color-text-grey: #62615e;
  --color-primary: #6ec800; /* WAGO Green, main color */
  --color-primary-deep: #719531; /* Item using primiary color hover color */
  --color-secondary: #a4a8b0; /* Secondary color, for icon & button */
  --color-secondary-deep: #a4a8b0; /* Item using secondary color hover color */
  --color-label: #999;
  --color-text: #000000; /* General font color */
  --color-text-error: #bb0522; /* General error hint text color */
  --color-icon: #202938; /* icon default color */
  --color-icon-apps: #a4a8b0; /* icon apps color */
  --color-layout-border: #cdcac6; /* Layout border color */
  --color-field-selected-color: #fff; /* Component selected text color */
  --color-field-hover-background: #f0eeec; /* Item hover background color */
  --color-row-hover-background: rgba(113, 149, 49, 0.3);
  --color-footer-text: #fff; /* Footer text color */
  --color-footer-background: #202938; /* Footer background color */
  --color-hint-background: #fffacd; /* message box normal background color */
  --color-warning-background: #eec211; /* message box warning background color */
  --color-form-background: #f0efed; /* form background color */
  --color-general-background: #fff; /* General background color */
  --color-popup-background: #f1f0ee; /* popup dialog background color */

  --landing-panel-width: 600px; /* Width for login panding introduction panel */
  --landing-panel-padding: 30px; /* Padding for login panding introduction panel */
  --landing-panel-left: 10%; /* Left to browser for login panding introduction panel */
  --landing-panel-top: 10%; /* Top to browser for login panding introduction panel */

  /* -------------------PROPERTY MANAGEMENT ADAPTIONS----------------------------- */
  --color-success: #6ec800;
  --color-error: var(--color-text-error);
  --color-tertiary: #ffffff;
  --color-disabled: #afadaa;
}