/* Sernax: shared brand accents; status colors retain their meaning. */
html[data-brand="sernax"] {
    --bg-darkest: #100a0d;
    --bg-dark: #171014;
    --bg-card: #20171c;
    --bg-elevated: #2a1d23;
    accent-color: var(--neon-cyan);
}

html[data-brand="sernax"] body::before {
    background:
        radial-gradient(ellipse at 10% 20%, #dc262614, transparent 45%),
        radial-gradient(ellipse at 90% 80%, #b91c1c12, transparent 45%);
}

html[data-brand="sernax"] body .sidebar-header h1 {
    color: var(--brand-accent) !important;
    text-shadow: none !important;
}

html[data-brand="sernax"] body .nav-item.active,
html[data-brand="sernax"] body .nav-subitem.active,
html[data-brand="sernax"] body .nav-item-dropdown.active .nav-item-parent {
    color: var(--brand-accent) !important;
    background: linear-gradient(135deg, #dc262622, #b91c1c14) !important;
    border-color: #dc262640 !important;
    box-shadow: inset 0 0 0 1px #dc26261a !important;
}

html[data-brand="sernax"] body .top-bar::after {
    background: linear-gradient(90deg, #dc262640, #f8717129, transparent 78%) !important;
}

html[data-brand="sernax"] body .login-brand {
    color: var(--brand-accent) !important;
}

html[data-brand="sernax"] body .login-btn,
html[data-brand="sernax"] body .btn-primary,
html[data-brand="sernax"] body .custom-modal-confirm {
    background: var(--gradient-cyber) !important;
    color: #fff !important;
}

html[data-brand="sernax"] body .custom-modal-content,
html[data-brand="sernax"] body .custom-modal-header,
html[data-brand="sernax"] body .custom-modal-footer {
    border-color: #dc262640;
}

html[data-brand="sernax"] body .custom-modal-content {
    box-shadow: 0 20px 60px #0009, 0 0 30px #dc26261a;
}