:root {
    --kynexa-navy: #020914;
    --kynexa-navy-2: #061a33;
    --kynexa-panel: #0b243f;
    --kynexa-panel-2: #102d4c;
    --kynexa-line: rgba(244, 189, 57, .32);
    --kynexa-gold: #f4bd39;
    --kynexa-gold-2: #d8941c;
    --kynexa-blue: #3f7edb;
    --kynexa-cyan: #79c7d2;
    --kynexa-mint: #9fc6a1;
    --kynexa-text: #f7f9ff;
    --kynexa-muted: #b7c5d7;
}

html,
body,
.dz-mode,
.dz-login-page,
.dz-home4,
.dz-grid2,
.dz-grid2 .dz-appbar,
.dz-home2 .dz-bg,
.dz-iconic-list {
    background:
        radial-gradient(circle at 50% 12%, rgba(13, 55, 111, .72), rgba(2, 9, 20, .92) 46%, #020914 100%) !important;
    color: var(--kynexa-text) !important;
}

.dz-appbar,
.dz-home,
.dz-overlay {
    background:
        radial-gradient(circle at 50% 22%, rgba(22, 67, 130, .72), rgba(3, 17, 37, .95) 58%, #020914 100%) !important;
}

.dz-logo img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

h1,
h2,
h3,
h4,
.dz-title h2,
.dz-home .dz-title h2,
.dz-sign-content h2 {
    color: var(--kynexa-gold) !important;
}

p,
span,
label,
.dz-title p,
.dz-para,
.dz-content p,
.dz-input-field label {
    color: var(--kynexa-muted) !important;
}

a,
.dz-content h2,
.dz-list-sm .dz-list .dz-content h2,
.dz-iconic-list .dz-list .dz-content h2 {
    color: var(--kynexa-cyan) !important;
}

.dz-list,
.dz-list-sm,
.dz-home-content,
.dz-card,
.dz-box,
.dz-input,
.dz-input2,
.dz-text-field,
.dz-sign-content,
.account-info-card,
.account-form-card,
.affiliate-panel,
.affiliate-summary,
.affiliate-development-panel {
    background: linear-gradient(145deg, rgba(8, 32, 58, .96), rgba(5, 20, 39, .96)) !important;
    border: 1px solid var(--kynexa-line) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .22) !important;
}

.dz-input-design,
input,
select,
textarea {
    background: rgba(2, 9, 20, .58) !important;
    border-color: rgba(121, 199, 210, .36) !important;
    color: var(--kynexa-text) !important;
}

input::placeholder,
textarea::placeholder {
    color: rgba(183, 197, 215, .72) !important;
}

.dz-button,
.btn-room-join,
button,
input[type="submit"],
.btn,
.affiliate-action,
.affiliate-tab,
.dev-filter-btn,
#submitBtn {
    background: linear-gradient(135deg, var(--kynexa-gold), var(--kynexa-gold-2)) !important;
    border: 1px solid rgba(255, 228, 139, .45) !important;
    color: #081326 !important;
    box-shadow: 0 10px 24px rgba(216, 148, 28, .24) !important;
}

.dz-button:hover,
.btn-room-join:hover,
button:hover,
input[type="submit"]:hover,
.btn:hover,
.affiliate-action:hover,
.affiliate-tab:hover,
.dev-filter-btn:hover {
    filter: brightness(1.06);
}

.affiliate-tab.active,
.dz-tab-bar .tab-link-active,
.dz-tab-bar a.active,
.dz-footer .active,
.dz-footer a.active {
    color: var(--kynexa-gold) !important;
}

.dz-footer,
.dz-tab-bar {
    background: rgba(2, 9, 20, .96) !important;
    border-top: 1px solid var(--kynexa-line) !important;
    box-shadow: 0 -12px 32px rgba(0, 0, 0, .32) !important;
}

.dz-icon,
.dz-items,
.dz-icon-shape {
    /**background: linear-gradient(145deg, rgba(63, 126, 219, .32), rgba(244, 189, 57, .2)) !important;**/
    border-color: rgba(244, 189, 57, .34) !important;
}

.success {
    color: var(--kynexa-mint) !important;
}

.danger,
.error,
.error-ms h4 {
    color: #ff786f !important;
}

table,
table tr th,
table tr td {
    border-color: rgba(244, 189, 57, .28) !important;
}

table tr th {
    background: rgba(244, 189, 57, .12) !important;
    color: var(--kynexa-gold) !important;
}