/* theme-name='AVERO' */
html[data-theme=avero] {
  /* Blue Gray */
  --white: #ffffff;
  --neutral-50: #f0f4f8;
  --neutral-100: #d9e2ec;
  --neutral-200: #bcccdc;
  --neutral-300: #9fb3c8;
  --neutral-400: #829ab1;
  --neutral-500: #627d98;
  --neutral-600: #486581;
  --neutral-700: #334e68;
  --neutral-800: #243b53;
  --neutral-900: #102a43;
  --black: #000000;
  /* Gray */
  --gray-50: #fafbfc;
  --gray-100: #f6f8fa;
  --gray-200: #e1e4e8;
  --gray-300: #e4e7eb;
  --gray-400: #eaeaea;
  /* Blue */
  --primary-50: #dceefb;
  --primary-100: #b6e0fe;
  --primary-200: #84c5f4;
  --primary-300: #62b0e8;
  --primary-400: #4098d7;
  --primary-500: #2680c2;
  --primary-600: #186faf;
  --primary-700: #0f609b;
  --primary-800: #0a558c;
  --primary-900: #003e6b;
  /* Secondary */
  --secondary-50: #d3f3d4;
  --secondary-100: #dcdcaa;
  --secondary-200: #c586c0;
  --secondary-300: #ce9178;
  --secondary-400: #b5cea8;
  --secondary-500: #1565c0;
  --secondary-600: #186faf;
  --secondary-700: #003e6b;
  --secondary-800: #094771;
  --secondary-900: #d16969;
  /* Cyan */
  --cyan-50: #e0fcff;
  --cyan-100: #bef8fd;
  --cyan-200: #87eaf2;
  --cyan-300: #54d1db;
  --cyan-400: #38bec9;
  --cyan-500: #2cb1bc;
  --cyan-600: #14919b;
  --cyan-700: #0e7c86;
  --cyan-800: #0a6c74;
  --cyan-900: #044e54;
  /* Teal */
  --teal-50: #effcf6;
  --teal-100: #c6f7e2;
  --teal-200: #8eedc7;
  --teal-300: #65d6ad;
  --teal-400: #3ebd93;
  --teal-500: #27ab83;
  --teal-600: #199473;
  --teal-700: #147d64;
  --teal-800: #0c6b58;
  --teal-900: #014d40;
  /* Red */
  --red-50: #ffe3e3;
  --red-100: #ffbdbd;
  --red-200: #ff9b9b;
  --red-300: #f86a6a;
  --red-400: #ef4e4e;
  --red-500: #e12d39;
  --red-600: #cf1124;
  --red-700: #ab091e;
  --red-800: #8a041a;
  --red-900: #610316;
  /* Yellow */
  --yellow-50: #fffbea;
  --yellow-100: #fff3c4;
  --yellow-200: #fce588;
  --yellow-300: #fadb5f;
  --yellow-400: #f7c948;
  --yellow-500: #f0b429;
  --yellow-600: #de911d;
  --yellow-700: #cb6e17;
  --yellow-800: #b44d12;
  --yellow-900: #8d2b0b;
  /* Transparent colors */
  --black-a20: rgba(0, 0, 0, 0.2);
  --black-a40: rgba(0, 0, 0, 0.4);
  --black-a50: rgba(0, 0, 0, 0.5);
  --neutral-400-a50: hsla(209, 23%, 60%, 0.5);
  /* Body */
  --body-bg: var(--neutral-50);
  --body-bg-visitor: var(--white);
  --body-color: var(--neutral-800);
  --link-color: var(--primary-700);
  --booking-error: var(--red-500);
  --booking-storno: var(--neutral-400);
  --booking-workflow: var(--secondary-500);
  --on-primary: var(--white);
  /* Semantic colors */
  --color-accent: var(--primary-600);
  --color-accent-light: var(--primary-300);
  --color-danger: var(--red-600);
  --color-success: var(--teal-600);
  --color-warning: var(--yellow-700);
  /* Headings */
  --heading-border: var(--neutral-100);
  /* Inputs */
  --input-bg: var(--white);
  --input-border: var(--neutral-200);
  --input-hover-border: var(--neutral-300);
  --input-focus-border: var(--primary-300);
  --input-disabled-bg: var(--neutral-50);
  --input-placeholder: var(--neutral-500);
  --input-border-warning: var(--yellow-400);
  --input-border-error: var(--color-danger);
  --input-highlight: var(--primary-50);
  /* Images */
  --img-border: var(--neutral-100);
  /* Combobox */
  --combobox-dropdown-bg: var(--white);
  --combobox-dropdown-bg-2: var(--neutral-50);
  --combobox-dropdown-hover-color: var(--body-color);
  --combobox-dropdown-hover-bg: var(--primary-50);
  --combobox-dropdown-selected-color: var(--body-color);
  --combobox-dropdown-selected-bg: var(--gray-400);
  /* Checkbox */
  --chk-border: var(--input-border);
  --chk-hover-border: var(--input-hover-border);
  --chk-focus-border: var(--input-focus-border);
  --chk-checked-color: var(--white);
  --chk-checked-bg: var(--primary-400);
  --chk-checked-border: var(--primary-400);
  /* Slider */
  --chk-slider-color: var(--white);
  --chk-slider-bg: var(--neutral-100);
  --chk-slider-checked-color: var(--primary-400);
  --chk-slider-checked-bg: var(--primary-100);
  /* Radiobuttons */
  --radio-border: var(--input-border);
  --radio-hover-border: var(--input-hover-border);
  --radio-checked-border: var(--primary-600);
  --radio-checked-color: var(--primary-400);
  --radio-checked-bg: var(--white);
  /* Checkbox and Radio disabled states */
  --chk-disabled-border: var(--input-border);
  --chk-disabled-color: var(--white);
  --chk-disabled-bg: var(--neutral-100);
  --chk-disabled-checked-bg: var(--neutral-300);
  --slider-disabled-color: var(--neutral-300);
  --slider-disabled-bg: var(--neutral-100);
  --slider-disabled-border: var(--neutral-100);
  --slider-disabled-checked-color: var(--neutral-50);
  --radio-disabled-border: var(--input-border);
  --radio-disabled-color: var(--neutral-300);
  --radio-disabled-bg: var(--white);
  --lbl-disabled-color: var(--neutral-400);
  --color-table-selected-shadow: var(--neutral-300);
  --color-table-selected-border: var(--neutral-800);
  /* Buttons */
  --text-button-color: var(--primary-600);
  --text-button-hover-bg: var(--neutral-50);
  --text-button-active-bg: var(--primary-50);
  --text-button-focus-border: var(--primary-50);
  --text-button-icon-color: var(--primary-700);
  --text-button-color-on-primary: var(--on-primary);
  --text-button-hover-bg-on-primary: var(--primary-700);
  --text-button-active-bg-on-primary: var(--primary-800);
  --text-button-focus-bg-on-primary: var(--primary-700);
  --primary-button-color: var(--white);
  --primary-button-bg: var(--primary-600);
  --primary-button-hover-bg: var(--primary-500);
  --primary-button-danger-color: var(--white);
  --primary-button-danger-bg: var(--red-600);
  --primary-button-danger-hover-bg: var(--red-500);
  --primary-button-active-bg: var(--primary-700);
  --primary-button-focus-border: var(--neutral-100);
  --primary-button-batch-color: var(--white);
  --primary-button-batch-bg: var(--red-400);
  --secondary-button-color: var(--neutral-800);
  --secondary-button-bg: var(--white);
  --secondary-button-bg-2: var(--neutral-50);
  --secondary-button-border: var(--neutral-400);
  --secondary-button-hover: var(--neutral-800);
  --secondary-button-hover-bg: var(--neutral-50);
  --secondary-button-hover-border: var(--neutral-400);
  --secondary-button-active-bg: var(--neutral-100);
  --secondary-button-focus-border: var(--neutral-200);
  --secondary-button-disabled-bg: var(--neutral-100);
  --secondary-button-batch-color: var(--white);
  --secondary-button-batch-bg: var(--primary-600);
  --icon-button-hover-bg: var(--neutral-50);
  --icon-button-active-bg: var(--neutral-100);
  --icon-button-focus-bg: var(--neutral-50);
  --booking-button-color: var(--neutral-500);
  --booking-button-hover-color: var(--primary-600);
  --booking-button-active-color: var(--primary-500);
  --terminal-button-color: var(--neutral-800);
  --terminal-button-bg: var(--neutral-50);
  --terminal-button-border: var(--neutral-400);
  --terminal-button-hover-color: var(--neutral-800);
  --terminal-button-hover-bg: var(--primary-50);
  --terminal-button-hover-border: var(--neutral-400);
  --terminal-button-focus-border: var(--neutral-200);
  --terminal-button-icon-color: var(--primary-700);
  /* Login */
  --login-form-bg: var(--white);
  /* Loginbar */
  --loginbar-bg: var(--primary-600);
  --loginbar-quickstart-border: var(--primary-600);
  --loginbar-quickstart-bg: var(--primary-100);
  --loginbar-quickstart-focus-bg: var(--neutral-50);
  --loginbar-quickstart-placeholder: var(--primary-800);
  --loginbar-quickstart-placeholder-focus: var(--neutral-800);
  --loginbar-logo-color: var(--white);
  /* Menubar */
  --menubar-bg: var(--gray-300);
  --menubar-static-icon: var(--neutral-700);
  --menubar-static-color: var(--neutral-800);
  --menubar-static-hover-color: var(--primary-800);
  --menubar-static-hover-bg: var(--neutral-50);
  --menubar-dynamic-color: var(--neutral-800);
  --menubar-dynamic-bg: var(--white);
  --menubar-dynamic-hover-color: var(--neutral-800);
  --menubar-dynamic-hover-bg: var(--neutral-50);
  --menubar-dynamic-border: var(--neutral-200);
  /* Favbar */
  --favbar-bg: var(--white);
  --favbar-button-color: var(--neutral-700);
  --favbar-button-hover-color: var(--neutral-700);
  --favbar-button-hover-bg: var(--neutral-50);
  /* Statusbar */
  --statusbar-bg: var(--white);
  --statusbar-border: var(--color-accent);
  /* Progressbar */
  --progress-bar-bg: var(--neutral-100);
  --progress-bar-color: var(--primary-300);
  /* Form */
  --form-tab-bg: var(--white);
  --form-tab-item-color: var(--neutral-600);
  --form-tab-item-hover-color: var(--primary-600);
  --form-tab-item-hover-bg: var(--gray-100);
  --form-tab-item-selected-color: var(--primary-600);
  --form-tab-item-selected-bg: var(--white);
  --form-tab-indicator: var(--primary-600);
  --form-header-color: var(--primary-800);
  --form-header-bg: var(--primary-50);
  --form-header-border: var(--neutral-100);
  --form-header-hover-color: var(--primary-800);
  --form-header-hover-bg: var(--primary-100);
  --form-body-bg: var(--gray-100);
  --form-section-bg: var(--white);
  --form-section-border: var(--neutral-100);
  /* Toolbar */
  --toolbar-header-color: var(--form-header-color);
  --toolbar-header-bg: var(--primary-100);
  --toolbar-quickstart-bg: var(--input-bg);
  --toolbar-quickstart-disabled-bg: var(--neutral-50);
  --toolbar-quickstart-ddl-bg: var(--white);
  --toolbar-divider-color: var(--neutral-200);
  /* Titlebar */
  --togglefav-button-color: var(--primary-600);
  /* Listform */
  --list-form-header-color: var(--form-header-color);
  --list-form-header-bg: var(--form-header-bg);
  --list-form-header-hover-color: var(--form-header-hover-color);
  --list-form-header-hover-bg: var(--form-header-hover-bg);
  --list-form-header-focus-color: var(--form-header-hover-color);
  --list-form-header-focus-bg: var(--form-header-hover-bg);
  --list-form-body-bg: var(--form-section-bg);
  /* Booking form */
  --booking-form-body-bg: var(--form-body-bg);
  --booking-form-section-bg: var(--form-section-bg);
  --booking-form-section-border: var(--form-section-border);
  /* System data */
  --system-data-tab-bg: var(--form-tab-bg);
  --system-data-tab-item-color: var(--form-tab-item-color);
  --system-data-tab-item-hover-color: var(--form-tab-item-hover-color);
  --system-data-tab-item-hover-bg: var(--form-tab-item-hover-bg);
  --system-data-tab-item-selected-color: var(--form-tab-item-selected-color);
  --system-data-tab-item-selected-bg: var(--form-tab-item-selected-bg);
  --system-data-tab-indicator: var(--form-tab-indicator);
  --system-data-body-bg: var(--form-body-bg);
  --system-data-section-bg: var(--form-section-bg);
  --system-data-section-border: var(--form-section-border);
  --system-data-disabled-color: var(--neutral-700);
  --system-data-disabled-bg: var(--gray-50);
  --system-data-link: var(--neutral-400);
  --system-data-button-section-bg: var(--gray-50);
  /* Tables */
  --table-color: var(--body-color);
  --table-row-bg: var(--white);
  --table-row-even-bg: var(--gray-50);
  --table-row-selected-color: var(--primary-800);
  --table-row-selected-bg: var(--primary-50);
  --table-border: var(--neutral-100);
  --table-border-2: var(--neutral-200);
  --table-dark-border: var(--neutral-400);
  --table-head-highlight-color: var(--color-accent);
  --table-head-highlight-bg: var(--primary-50);
  --table-head-color: var(--neutral-900);
  --table-head-color-2: var(--neutral-600);
  --table-head-bg: var(--primary-100);
  --table-head-bg-2: var(--white);
  --table-head-border: var(--neutral-200);
  --table-head-border-2: var(--neutral-100);
  --table-head-button-color: var(--neutral-800);
  --table-head-button-hover-color: var(--primary-600);
  --table-total-line-bg: var(--primary-100);
  --table-hover-bg: var(--neutral-50);
  --table-row-highlight-bg: var(--primary-50);
  --table-cell-highlight-bg: var(--primary-900);
  --table-row-indicator: var(--primary-300);
  --table-select-button-color: var(--primary-400);
  --table-select-button-hover-color: var(--primary-500);
  --table-updown-button-color: var(--neutral-600);
  --table-updown-button-hover-color: var(--neutral-700);
  /* Booking */
  --booking-header-color: var(--form-header-color);
  --booking-header-bg: var(--form-header-bg);
  --booking-body-bg: var(--form-section-bg);
  --booking-info-value-border: var(--neutral-100);
  --booking-info-value-bg: var(--neutral-50);
  --error-overview-node-color: var(--body-color);
  --error-overview-selected-node-color: var(--primary-500);
  /* Status display */
  --status-display-department-bg: var(--neutral-50);
  /* Terminal */
  --terminal-header-color: var(--form-header-color);
  --terminal-header-bg: var(--form-header-bg);
  --terminal-header-border: var(--form-header-border);
  --terminal-header-hover-color: var(--form-header-hover-color);
  --terminal-header-hover-bg: transparent;
  --terminal-button-maximize: 1.25;
  --terminal-info-value-border: var(--neutral-100);
  --terminal-info-value-bg: var(--neutral-50);
  --terminal-booking-type-header-border: var(--neutral-100);
  --terminal-progress-bar-green: var(--secondary-50);
  --terminal-progress-bar-yellow: var(--yellow-100);
  --terminal-progress-bar-red: var(--red-100);
  /* Workflow Message */
  --workflow-color: var(--yellow-900);
  --workflow-bg: var(--yellow-100);
  --workflow-border: var(--yellow-300);
  --workflow-hover-bg: var(--yellow-200);
  --workflow-hover-border: var(--yellow-300);
  /* Modal Dialog */
  --modal-color: var(--body-color);
  --modal-header-color: var(--primary-800);
  --modal-header-bg: var(--primary-50);
  --modal-header-button-hover-bg: var(--primary-50);
  --modal-content-bg: var(--white);
  --modal-footer-bg: var(--gray-100);
  --modal-backdrop-color: var(--black-a20);
  /* Modal Notification Type Colors */
  --modal-success-border: var(--teal-300);
  --modal-success-icon-color: var(--teal-700);
  --modal-success-icon-bg: var(--teal-100);
  --modal-error-border: var(--red-300);
  --modal-error-icon-color: var(--red-600);
  --modal-error-icon-bg: var(--red-50);
  --modal-info-border: var(--primary-300);
  --modal-info-icon-color: var(--primary-600);
  --modal-info-icon-bg: var(--primary-50);
  --modal-warning-border: var(--yellow-300);
  --modal-warning-icon-color: var(--yellow-700);
  --modal-warning-icon-bg: var(--yellow-100);
  /* Toast Notification */
  --toast-color: var(--body-color);
  --toast-bg: var(--white);
  --toast-border: var(--white);
  /* Toast Notification Type Colors */
  --toast-success-color: var(--teal-900);
  --toast-success-icon-bg: var(--teal-700);
  --toast-error-color: var(--red-900);
  --toast-error-icon-bg: var(--red-500);
  --toast-info-color: var(--secondary-700);
  --toast-info-icon-bg: var(--secondary-600);
  --toast-warning-color: var(--yellow-900);
  --toast-warning-icon-bg: var(--yellow-700);
  /* Tooltip */
  --tooltip-error-color: var(--red-900);
  --tooltip-error-bg: var(--red-50);
  --tooltip-error-border: var(--red-400);
  /* Loader */
  --loader-color: var(--primary-400);
  --loader-on-primary-color: var(--on-primary);
  --loader-bg: var(--neutral-400-a50);
  --loader-backdrop-color: var(--black-a50);
  /* Contextmenu */
  --contextmenu-color: var(--body-color);
  --contextmenu-bg: var(--white);
  --contextmenu-icon: var(--body-color);
  --contextmenu-border: 1px solid var(--gray-200);
  --contextmenu-divider-color: var(--gray-200);
  --contextmenu-hover-color: var(--body-color);
  --contextmenu-hover-bg: var(--neutral-50);
  --contextmenu-active-color: var(--body-color);
  --contextmenu-active-bg: var(--neutral-100);
  /* Popup */
  --popup-bg: var(--white);
  --popup-border: 1px solid var(--gray-200);
  /* Icon Colors */
  --fill-color: var(--primary-600);
  --fill-color-2: var(--primary-800);
  --fill-color-3: var(--teal-600);
  /* jQuery UI Datepicker */
  --datepicker-border: var(--input-border);
  --datepicker-bg: var(--white);
  --datepicker-header-color: var(--primary-800);
  --datepicker-header-bg: var(--primary-100);
  --datepicker-prev-next-color: var(--neutral-800);
  --datepicker-weekday-color: var(--neutral-700);
  --datepicker-day-color: var(--neutral-800);
  --datepicker-day-hover-bg: var(--neutral-50);
  --datepicker-day-active-color: var(--primary-800);
  --datepicker-day-active-bg: var(--neutral-100);
  --datepicker-day-highlight-color: var(--yellow-700);
  --datepicker-day-highlight-hover-bg: var(--neutral-100);
  /* jQuery UI Spinner */
  --spinner-border: var(--input-border);
  --spinner-bg: var(--primary-50);
  --spinner-up-down-color: var(--primary-700);
  --spinner-up-down-hover-color: var(--primary-400);
  /* jQuery UI Virtual Keyboard */
  --keyboard-key-color: var(--body-color);
  --keyboard-key-bg: var(--white);
  --keyboard-key-active-color: var(--white);
  --keyboard-key-active-bg: var(--primary-400);
  --keyboard-key-active-border: var(--primary-600);
  /* Scrollbar */
  --scrollbar-track: var(--neutral-50);
  --scrollbar-thumb: var(--neutral-100);
  --scrollbar-thumb-hover: var(--neutral-200);
  /* AVERO Startmask */
  --avero-startmask-primary: var(--primary-600);
  --avero-startmask-text-avero: #ffffff;
  --avero-startmask-text-modules: var(--primary-600);
  --avero-startmask-bg: #f0f4f8;
  --avero-startmask-bg2: #dee7ec;
  --avero-startmask-gray-lighter: #91949e;
  --avero-startmask-gray-light: #878d96;
  --avero-startmask-gray-dark: #7a8388;
  --avero-startmask-gray-darker: #686e72;
}