/* CRITICAL FIX - Dark Mode Base Styles */
/* This ensures dark mode works by default across ALL pages */

/* Force dark background and text on body and main content */
body {
    background: #0a0e27 !important;
    color: #e2e8f0 !important;
}

.main-content {
    background: #0a0e27 !important;
}

.content-wrapper {
    background: transparent !important;
}

/* All text elements */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #e2e8f0 !important;
}

p,
li,
span {
    color: #94a3b8 !important;
}

strong {
    color: #e2e8f0 !important;
}

/* Lists */
ul li,
ol li {
    color: #94a3b8 !important;
}

/* Light mode overrides - ONLY when light mode is active */
body.light-mode {
    background: #f8fafc !important;
    color: #0f172a !important;
}

body.light-mode .main-content {
    background: #f8fafc !important;
}

body.light-mode h1,
body.light-mode h2,
body.light-mode h3,
body.light-mode h4,
body.light-mode h5,
body.light-mode h6 {
    color: #0f172a !important;
}

body.light-mode p,
body.light-mode li,
body.light-mode span {
    color: #475569 !important;
}

body.light-mode strong {
    color: #0f172a !important;
}

/* Light Mode - Button Fixes (NO BORDERS) */
body.light-mode .btn {
    background: #6366f1 !important;
    color: white !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

body.light-mode .btn:hover {
    background: #4f46e5 !important;
    color: white !important;
    border: none !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2) !important;
}

body.light-mode .btn-accent {
    background: #06b6d4 !important;
    color: white !important;
    border: none !important;
}

body.light-mode .btn-accent:hover {
    background: #0891b2 !important;
    color: white !important;
    border: none !important;
}

body.light-mode .btn-large {
    border: none !important;
}

body.light-mode .btn-payment {
    background: #6366f1 !important;
    color: white !important;
    border: none !important;
}

/* Dark Mode - Remove Button Borders */
body:not(.light-mode) .btn {
    border: none !important;
}

body:not(.light-mode) .btn:hover {
    border: none !important;
}

/* Resource Badge Colors */
.resource-badge {
    background: #10b981 !important;
    color: white !important;
}

/* Dark Mode - Industry Bible Badge = Neon Green */
body:not(.light-mode) .resource-badge {
    background: #10b981 !important;
    color: white !important;
    box-shadow: 0 0 10px rgba(16, 185, 129, 0.5) !important;
}

/* Light Mode - Industry Bible Badge = Dark Green */
body.light-mode .resource-badge {
    background: #059669 !important;
    color: white !important;
}

body.light-mode code {
    background: #f1f5f9 !important;
    color: #be123c !important;
}

body.light-mode pre {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}