/* Global Pure Dark Theme Overrides & Fallbacks */
html, body {
    background-color: #030712 !important;
    color: #f1f5f9 !important;
    min-height: 100vh;
}

.content-area, main {
    background-color: #030712 !important;
    color: #f1f5f9 !important;
}

@media (min-width: 768px) {
    .content-area {
        margin-left: 16rem !important;
        margin-right: 0 !important;
        width: calc(100% - 16rem) !important;
        min-height: 100vh;
    }
}

@media (max-width: 767px) {
    .content-area {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
}

/* Background utilities */
.bg-gray-950 { background-color: #030712 !important; }
.bg-gray-900 { background-color: #0f172a !important; }
.bg-gray-900\/95 { background-color: rgba(15, 23, 42, 0.95) !important; }
.bg-gray-950\/80 { background-color: rgba(3, 7, 18, 0.8) !important; }
.bg-gray-800 { background-color: #1e293b !important; }
.bg-gray-800\/80 { background-color: rgba(30, 41, 59, 0.8) !important; }
.bg-gray-700 { background-color: #334155 !important; }

/* Gradient Hero Card */
.from-gray-900, 
[class*="from-gray-900"] {
    background: linear-gradient(135deg, #0f172a 0%, #0b1120 50%, #1e293b 100%) !important;
}

/* Borders */
.border-gray-800 { border-color: #1e293b !important; }
.border-gray-800\/80 { border-color: rgba(30, 41, 59, 0.8) !important; }
.border-gray-700 { border-color: #334155 !important; }

/* Text colors */
.text-white { color: #ffffff !important; }
.text-gray-100 { color: #f1f5f9 !important; }
.text-gray-200 { color: #e2e8f0 !important; }
.text-gray-300 { color: #cbd5e1 !important; }
.text-gray-400 { color: #94a3b8 !important; }
.text-gray-500 { color: #64748b !important; }
.text-gray-600 { color: #475569 !important; }

/* Accent colors */
.text-amber-400 { color: #fbbf24 !important; }
.text-amber-500 { color: #f59e0b !important; }
.text-emerald-400 { color: #34d399 !important; }
.text-rose-400 { color: #fb7185 !important; }
.text-blue-400 { color: #60a5fa !important; }
.text-cyan-400 { color: #22d3ee !important; }
.text-purple-400 { color: #c084fc !important; }

/* Form inputs */
input[type="text"], 
input[type="email"], 
input[type="password"], 
input[type="number"], 
select, 
textarea {
    background-color: #030712 !important;
    color: #ffffff !important;
    border-color: #1e293b !important;
}

input::placeholder, 
textarea::placeholder {
    color: #64748b !important;
}

input:focus, 
textarea:focus, 
select:focus {
    border-color: #f59e0b !important;
    outline: none !important;
    box-shadow: 0 0 0 1px #f59e0b !important;
}

/* Navigation bar */
nav.border-b {
    background-color: #0b0f19 !important;
    border-color: #1e293b !important;
}

/* Modals */
.modal-content, 
.modal-box {
    background-color: #0f172a !important;
    border-color: #1e293b !important;
    color: #ffffff !important;
}