/* ===================================
   CENTRALIZED THEME SYSTEM
   Include this file in ALL pages
   =================================== */

/* Base Transitions */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* ===================================
   LIGHT MODE STYLES
   =================================== */

body.light-mode {
    background: #f1f5f9 !important;
    color: #1e293b !important;
}

/* Text Colors */
body.light-mode .text-white {
    color: #1e293b !important;
}

body.light-mode .text-gray-300 {
    color: #475569 !important;
}

body.light-mode .text-gray-400 {
    color: #64748b !important;
}

body.light-mode .text-gray-500 {
    color: #94a3b8 !important;
}

/* Background Colors */
body.light-mode .bg-gray-800,
body.light-mode .bg-gray-800\/50,
body.light-mode .bg-gray-800\/30,
body.light-mode .bg-gray-800\/80 {
    background: #f8fafc !important;
}

body.light-mode .bg-gray-900 {
    background: #ffffff !important;
}

body.light-mode .bg-black {
    background: #ffffff !important;
}

/* Borders */
body.light-mode .border-gray-700,
body.light-mode .border-gray-800 {
    border-color: #e2e8f0 !important;
}

/* Cards & Components */
body.light-mode .glass-card {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid #e2e8f0 !important;
}

body.light-mode .stat-card {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid #e2e8f0 !important;
}

body.light-mode .login-card,
body.light-mode .verification-card {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid #e2e8f0 !important;
}

body.light-mode .input-field {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid #d1d5db !important;
    color: #1e293b !important;
}

/* Sidebar (Account Pages) */
body.light-mode .sidebar {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    border-right: 1px solid #e2e8f0 !important;
}

body.light-mode .mobile-header {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

body.light-mode .mobile-header-title {
    color: #1e293b !important;
}

body.light-mode .nav-item {
    color: #64748b !important;
}

body.light-mode .nav-item:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    color: #1e293b !important;
}

body.light-mode .nav-item.active {
    background: rgba(239, 68, 68, 0.1) !important;
    color: #1e293b !important;
}

/* Scrollbar */
body.light-mode ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05) !important;
}

/* Hero Section (Index Page) */
body.light-mode .hero-bg {
    background: linear-gradient(to bottom, rgba(255,255,255,0.92), rgba(245,245,245,0.95)), 
                url('https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=1920') center/cover !important;
}

body.light-mode .cta-section {
    background: linear-gradient(to bottom, #f5f5f5, #e5e5e5) !important;
}

/* Theme Toggle Button */
.theme-toggle-btn {
    cursor: pointer;
    transition: all 0.2s ease;
}

.theme-toggle-btn:hover {
    transform: scale(1.05);
}

.theme-toggle-fixed {
    position: fixed;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 9999;
}