:root {
    --background: #e8e8ee;
    --foreground: #ffffff;
    --header-text: #000;
    --copy-text: #7f7f7f;
}

body,
.app-content {
    background: var(--background);
}

.app-sidebar,
.tile {
    background: var(--foreground);
}
h1, h2, h3, h4, h5,
.table thead th {
    color: var(--header-text);
}

p,
label,
.table {
    color: var(--copy-text);
}

@media (max-width: 767px) {
    td:before {
        color: var(--header-text);
    }
}