html,
body {
    background: var(--mantis-bg) !important;
    color: var(--mantis-text) !important;
}

.main-content,
.page-content {
    background: var(--mantis-bg) !important;
    color: var(--mantis-text) !important;
}

.widget-box {
    background: var(--mantis-surface) !important;
    border: 1px solid var(--mantis-border) !important;
}

.widget-header {
    background: var(--mantis-surface-alt) !important;
    color: var(--mantis-text-bright) !important;
    border-bottom: 1px solid var(--mantis-border) !important;
}

.widget-main,
.widget-body {
    background: var(--mantis-surface) !important;
    color: var(--mantis-text) !important;
}

hr {
    border-color: var(--mantis-border) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--mantis-text-bright) !important;
}