:root {
  
  --logo-width: 100%;
  
  /* Colors: */
  --color-white: #FFFFFF;
  --color-grey-1: #F0F0F0;
  --color-grey-2: #E2E2E2;
  --color-grey-3: #D0D0D0;
  --color-grey-4: #A8A8A8;
  --color-grey-5: #666666;
  --color-black: #000000;
  --color-brand-blue: #0078BE;
  --color-brand-blue-2: #2964D3;
  --color-brand-green: #50A052;
  --color-brand-green-2: #C6E2A5;
  --color-brand-orange: #F0B078;
  --color-brand-red: #D34329;
  --color-brand-dark-green: #234637;
  --color-brand-dark-green-2: #3c3c3b;


  --theme-navigation-background: var(--color-brand-dark-green);


  --theme-card-footer-hyperlink-color: var(--color-brand-blue);
  --theme-card-header-background-color: var(--color-grey-1);
  --theme-card-border-hover-color: var(--color-brand-blue);
  --theme-card-border-color: var(--color-grey-2);


  --theme-navigation-icon-color: var(--color-brand-green);
  /* --theme-navigation-background: var(--color-brand-blue); */

  --theme-card-header-font-color: var(--color-brand-dark-green);


  --theme-badge-warning-background-color: var(--color-brand-orange);
  --theme-badge-success-background-color: var(--color-brand-green-2);
  --theme-badge-error-background-color: var(--color-brand-red);
  --theme-badge-info-background-color: var(--color-brand-blue-2);

  --sidebar-item-color: var(--color-brand-green);

  --theme-data-table-header-color: var(--color-brand-dark-green-2);
}