: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;


  /* Dark Theme */
  --color-dark-white-back: #212529;
  --color-dark-clear-back: #343A40;
  --color-dark-more-clear-back: #495057;
  --color-dark-border: #ffffff1a;
  --color-dark-border-table: #e4e4e400;
  --color-dark-text-highlight: #E9ECEF;
  --color-dark-text: #ADB5BD;
  --color-dark-text-hover: #F8F9FA;
  --color-dark-background: #212529;
  --color-dark-background-selection: #40434e1a;
  --color-dark-footer: #7a7a7a;
  --color-dark-header-columns: #525e67;
  --color-dark-warning-background: #526D82;
  --color-dark-warning-light-background: rgb(164, 176, 186);
  --color-dark-calendar: #030303;
  --color-dark-dropdown-background: #E9ECEF;
  --color-dark-dropdown-text: #526D82;
  --color-dark-dropdown-active-background: #222831;
  --color-dark-dropdown-active-color: #ffffff;
  --color-dark-search-shadow: #ffffff1a;
  --color-dark-button-big: #526D82;
  --color-dark-background-striped: #0000000d;
  --color-dark-background-total: #00000033;
  
  /* 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;
}