/* Nexchain crypto interface theme. Loaded after page styles to preserve layout. */
:root {
    color-scheme: dark;
    --primary: #19d3c5 !important;
    --primary-dark: #0f9f9a !important;
    --primary-light: #67e8f9 !important;
    --secondary: #8b5cf6 !important;
    --secondary-dark: #6d28d9 !important;
    --accent: #f4c95d !important;
    --success: #22c55e !important;
    --danger: #fb7185 !important;
    --warning: #f59e0b !important;
    --info: #38bdf8 !important;
    --level1: #19d3c5 !important;
    --level2: #8b5cf6 !important;
    --gold: #f4c95d !important;

    --bg-dark: #060b18 !important;
    --bg-card: #101a2e !important;
    --bg-header: #081120 !important;
    --bg-hover: #17243a !important;
    --border-color: #263957 !important;

    --text-primary: #f4f8ff !important;
    --text-secondary: #b7c9df !important;
    --text-muted: #7890aa !important;
    --text-accent: #67e8f9 !important;
}

html,
body {
    background-color: #060b18 !important;
    color: #f4f8ff;
}

body {
    background-image:
        radial-gradient(circle at 12% 0%, rgba(25, 211, 197, 0.11), transparent 30rem),
        radial-gradient(circle at 92% 12%, rgba(139, 92, 246, 0.12), transparent 34rem),
        linear-gradient(180deg, #07101f 0%, #060b18 52%, #080d1a 100%) !important;
    background-attachment: fixed !important;
}

body::selection {
    color: #041014;
    background: #67e8f9;
}

.app,
.main-wrapper,
.page-wrapper,
.dashboard-container {
    background-color: rgba(6, 11, 24, 0.78) !important;
}

.header,
.top-header,
.navbar,
.bottom-nav,
.nav,
header {
    background-color: rgba(8, 17, 32, 0.94) !important;
    border-color: rgba(103, 232, 249, 0.14) !important;
    backdrop-filter: blur(18px);
}

.card,
.stat-card,
.section-card,
.contract-card,
.referral-card,
.team-card,
.transaction-card,
.support-card,
.profile-card,
.notification,
.modal-content,
.deposit-popup-content {
    background-color: rgba(16, 26, 46, 0.92) !important;
    border-color: #263957 !important;
    box-shadow: 0 16px 42px rgba(0, 4, 15, 0.3);
}

.card:hover,
.section-card:hover,
.contract-card:hover,
.team-card:hover,
.support-card:hover {
    border-color: rgba(25, 211, 197, 0.5) !important;
    box-shadow: 0 18px 48px rgba(4, 20, 35, 0.42), 0 0 22px rgba(25, 211, 197, 0.08);
}

.logo,
.logo-text,
.brand,
a:not(.btn):not(.nav-item):not(.tab-item) {
    color: #67e8f9;
}

h1,
h2,
h3,
h4,
.title,
.section-title,
.card-title {
    color: #f4f8ff;
}

p,
.subtitle,
.description,
.section-text {
    color: #b7c9df;
}

.btn-primary,
.primary-btn,
.confirm-btn,
.submit-btn,
button[type="submit"] {
    color: #031416 !important;
    background: linear-gradient(135deg, #67e8f9, #19d3c5) !important;
    border-color: transparent !important;
    box-shadow: 0 10px 28px rgba(25, 211, 197, 0.22);
}

.btn-primary:hover,
.primary-btn:hover,
.confirm-btn:hover,
.submit-btn:hover,
button[type="submit"]:hover {
    background: linear-gradient(135deg, #8cf1fa, #2ee6d4) !important;
    box-shadow: 0 12px 34px rgba(25, 211, 197, 0.34);
}

input,
select,
textarea {
    color: #f4f8ff !important;
    background-color: #0b1528 !important;
    border-color: #2a4162 !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #19d3c5 !important;
    box-shadow: 0 0 0 3px rgba(25, 211, 197, 0.14) !important;
    outline: none;
}

input::placeholder,
textarea::placeholder {
    color: #6f849e !important;
}

.badge,
.status-badge,
.team-badge,
.commission-badge {
    border-color: rgba(103, 232, 249, 0.18) !important;
}

.progress-fill {
    background: linear-gradient(90deg, #19d3c5, #38bdf8, #8b5cf6) !important;
}

table,
th,
td,
hr {
    border-color: #263957 !important;
}

th {
    color: #67e8f9 !important;
    background-color: rgba(8, 17, 32, 0.88) !important;
}

.text-muted,
small,
.stat-label,
.card-label {
    color: #7890aa;
}

@media (max-width: 600px) {
    body {
        background-image:
            radial-gradient(circle at 15% 0%, rgba(25, 211, 197, 0.1), transparent 22rem),
            linear-gradient(180deg, #07101f, #060b18) !important;
    }
}