:root {
    --color--brand-primary: #2f3229;
    --color--brand-primary-contrast: #ffffff;
    --color--brand-secondary: #e0e0e0;
    --color--brand-secondary-contrast: #ffffff;
    --color--global-background: #ffffff;
    --color--font-primary: #101010;
    --color--font-secondary: #3c454e;
    --color--font-inactive: #676767;
    --color--font-inverted: #ffffff;
    --color--main-navigation-item: #1d5f66;
    --color--sidebar-item: #2f3229;
    --color--sidebar-item-hover: #c62828;
    --color--highlight: #1d5f66;
    --color--highlight-hover: #c62828;
    --color--content-link: #2f3229;
    --color--content-link-hover: #c62828;
    --base--color: #2f3229;
    --color--main-navigation-background: #ffffff;
    --green: #2e7d32;
    color--blue-2: #bf5796;
    --color--content-box-header: #efefef;
    --color--sidebar-marker-active-view: #6faab0;
    --color--sidebar-marker-active-navigation: #174c52;
    --color--warning-secondary: #edc6c2;
    --color--info-secondary: #8fbabc;
    --color--info: #174c52;
    --color--attention: #ffc107;
    --color--attention-secondary: #ffe9a8;
    --color--good: #4caf50;
    --color--good-secondary: #dff1e0;
    --color--warning: #c62828;
}