/* Complete Dark Theme Override - No Light Colors Allowed! */

/* Force dark background on everything */
html, body {
    background: #0a0a0a !important;
    color: #d4d4d4 !important;
}

/* Remove ALL gradients and light backgrounds */
.eco-hero {
    background: #0a0a0a !important;
    background-image: none !important;
}

.eco-hero::before,
.eco-hero::after {
    display: none !important;
}

/* Ensure navbar is dark */
.eco-navbar {
    background: #111111 !important;
    border-bottom: 1px solid #262626 !important;
}

/* All sections must be dark */
section {
    background: #0a0a0a !important;
    background-image: none !important;
}

/* All cards and containers */
.eco-card,
.eco-stat-card,
.eco-server-card,
.eco-table,
.eco-modal-content {
    background: #111111 !important;
    border-color: #262626 !important;
}

/* Remove any light colored text */
p, span, div, h1, h2, h3, h4, h5, h6 {
    color: inherit !important;
}

/* Green accent colors stay but ensure dark backgrounds */
.eco-btn-primary {
    background: #10b981 !important;
    border: none !important;
}

.eco-btn-secondary {
    background: #262626 !important;
    color: #d4d4d4 !important;
    border: none !important;
}

/* Input fields */
.eco-input {
    background: #1a1a1a !important;
    border-color: #404040 !important;
    color: #d4d4d4 !important;
}

/* Tables */
.eco-table {
    background: #111111 !important;
}

.eco-table thead {
    background: #1a1a1a !important;
}

.eco-table td {
    border-color: #262626 !important;
}

/* Footer */
footer {
    background: #111111 !important;
    border-top-color: #262626 !important;
}

/* Remove any box shadows that might appear light */
* {
    box-shadow: none !important;
}

/* Add subtle dark shadows where needed */
.eco-card:hover,
.eco-server-card:hover,
.eco-btn:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}