:root {
    --border-color: silver;

    --propus-blue: #217d81;
    --propus-orange: #d78f21;
    --propus-darkblue: #06313d;

    --sidebar-background: white;
    --sidebar-text: #333333;
    --sidebar-highlight-background: #e0e0e0;
    --sidebar-highlight-text: #333333;
    --header-background: var(--propus-blue);
    --header-text: white;
    --dashboard-item-background: var(--propus-orange);
    --dashboard-item-text: #333333;
    --menu-select-background: var(--propus-orange);
    --menu-select-text: #333333;
    --sortable-select-background: var(--propus-orange);
    --sortable-select-text: #333333;

    --mdc-theme-primary: var(--propus-blue);
    --mdc-theme-secondary: var(--propus-orange);
    --mdc-theme-background: #fff;
    --mdc-theme-surface: #fff;
    --mdc-theme-error: #b00020;
    --mdc-theme-on-primary: #fff;
    --mdc-theme-on-secondary: #000;
    --mdc-theme-on-surface: #333;
    --mdc-theme-on-error: #fff;
    --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
    --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
    --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
    --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
    --mdc-theme-text-hint-on-light: rgba(116, 108, 108, 0.38);
    --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-primary-on-dark: white;
    --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
    --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5);

    --sidebar-width: 250px;
}