:root {
    --color-primary: #222;
    --color-primary-hover: #000;

    --color-background-accent: #222;

    --color-background-white: #fff;
    --color-background-white-transparent: rgba(255, 255, 255, .7);

    --color-text-main: #000;
    --color-text-average: #6e8091;
    --color-text-average-transparent: #6e8091CC;
    --color-text-sidebar: #6e8091;
    --color-text-sidebar-transparent: #6e8091CC;
    --color-text-light: #fff;
    --color-text-link: #000;
    --color-text-link-hover: #9c0d19;
    --color-tooltip-text-link: #d81223;
    --color-tooltip-text-link-hover: #9c0d19;
    --color-icon: #999;

    --color-light-grey: #f5f5f5;
    --color-grey: #ccc;
    --color-dark-grey: #999999;

    --color-shadow: rgba(80, 80, 80, 0.5);
    --color-shadow-light: rgba(180, 180, 180, 0.5);

    --color-alert-error-background: #f7d8d8;
    --color-alert-error-text: #800000;
    --color-alert-success-background: #d2ecd9;
    --color-alert-success-text: #006300;
}