/* The approved transparent logo needs a dark section surface for its white checkmark. */
.site-brand img,
.workspace-light .workspace-wordmark img,
.order-inbox-brand img {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

.site-header,
.site-footer {
    background: #25252b;
    border-color: #454550;
    color: #f8f7ff;
}

.site-header .site-brand,
.site-header .desktop-nav a,
.site-header .nav-actions .text-link,
.site-header .mobile-menu > button,
.site-footer .site-brand,
.site-footer .footer-grid h3 {
    color: #f8f7ff;
}

.site-header .desktop-nav a:hover,
.site-header .nav-actions .text-link:hover {
    color: #c18aff;
}

.site-header .mobile-panel {
    background: #25252b;
    border-color: #454550;
    color: #f8f7ff;
}

.site-header .mobile-panel > a:not(.primary-btn) {
    color: #f8f7ff;
}

.site-footer .footer-grid > div > a:not(.site-brand),
.site-footer .footer-brand p,
.site-footer .copyright {
    color: #c9c6d4;
}

.site-footer .copyright {
    border-color: #454550;
}

.workspace-light .workspace-top,
.order-inbox-header {
    background: #25252b;
    color: #f8f7ff;
}

.workspace-light .workspace-top {
    border-color: #454550;
}

.workspace-light .workspace-wordmark,
.order-inbox-brand {
    color: #f8f7ff;
}

.order-inbox-header {
    padding: 8px 12px;
}

.order-inbox-header > span {
    color: #c9c6d4;
}