:root,
:after,
:before,
:host {
  /* Light Theme */
  --color-light-white-back: #ffffff;
  --color-light-clear-back: #ffffff;
  --color-light-border: #dadada;
  --color-light-border-light: #ececec;
  --color-light-border-table: #e4e4e4;
  --color-light-text-highlight: #434343;
  --color-light-text: #606060;
  --color-light-text-hover: #222222;
  --color-light-background: #f4f4f4;
  --color-light-background-selection: #40434e1a;
  --color-light-footer: #858585;
  --color-light-header-columns: #767676;
  --color-light-warning-background: #fffdbd;
  --color-light-calendar: #bfdbed;
  --color-light-dropdown-background: #F1EDE9;
  --color-light-dropdown-text: #B4ACA3;
  --color-light-dropdown-active-background: #B4ACA3;
  --color-light-dropdown-active-color: #ffffff;
  --color-light-search-shadow: #dadada;
  --color-light-button-big: #B4ACA3;
  --color-light-background-striped: #0000000d;
  --color-light-background-total: #00000033;
  --color-light-image-filter: brightness(100%);
  --color-light-image-opacity: .65;


  /* Dark Theme */
  --color-dark-white-back: #1d1d1d;
  --color-dark-clear-back: #1d1d1d;
  --color-dark-border: #000000;
  --color-dark-more-clear-back: #0c0c0c;
  --color-dark-border-light: #ececec;
  --color-dark-border-table: #e4e4e4;
  --color-dark-text-highlight: #ffffff;
  --color-dark-text: #d7d7d7;
  --color-dark-text-hover: #ffffff;
  --color-dark-background: #000000;
  --color-dark-background-selection: #40434e1a;
  --color-dark-footer: #858585;
  --color-dark-header-columns: #767676;
  --color-dark-warning-background: #fffdbd;
  --color-dark-calendar: #353e43;
  --color-dark-dropdown-background: #F1EDE9;
  --color-dark-dropdown-text: #1d1d1d;
  --color-dark-dropdown-active-background: #B4ACA3;
  --color-dark-dropdown-active-color: #404040;
  --color-dark-search-shadow: #dadada;
  --color-dark-button-big: #B4ACA3;
  --color-dark-background-striped: #0000000d;
  --color-dark-background-total: #00000033;
  --color-dark-image-filter: brightness(50%);
  --color-dark-image-opacity: .80;
  
  /* Maintenance Colors */
  --color-maintenance-background: #7aa8fe;
  --color-maintenance-background-light: #7aa8fe26;
  --color-maintenance-title: #4669e9;
  --color-maintenance-subtitle: #4669e9;
  --color-maintenance-description: #adadad;
  --color-maintenance-calendar: #f4f4f4f4;

  /* Default Colors */
  --color-transparent: #ffffff00;
  --color-white: white;
  --color-grey: #635e58;
  --color-danger: #d31616;
  --color-success: #198754;
  --color-info: #2b78e4;
}