/* Light Mode */
body.light {
    background-color: #f3f4f6;
    color: #1f2937;
}

body.light .border-gray-800 {
    border-color: #d1d5db;
}

body.light .text-gray-100 {
    color: #111827;
}

body.light .text-gray-300 {
    color: #374151;
}

body.light .text-gray-500 {
    color: #6b7280;
}

body.light .bg-gray-900\/50 {
    background-color: rgba(255, 255, 255, 0.5);
}

body.light .shadow-gray-950\/20 {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

body.light .panel-header {
    background-color: rgba(255, 255, 255, 0.5);
}

body.light .text-gray-200 {
    color: #1f2937;
}

body.light .bg-gray-800 {
    background-color: #e5e7eb;
}

body.light .hover\:bg-gray-700\/80:hover {
    background-color: rgba(209, 213, 219, 0.8);
}

body.light .text-gray-300 {
    color: #374151;
}

body.light .bg-emerald-600\/20 {
    background-color: rgba(16, 185, 129, 0.1);
}

body.light .border-emerald-500\/30 {
    border-color: rgba(16, 185, 129, 0.3);
}

body.light .hover\:bg-emerald-600\/40:hover {
    background-color: rgba(16, 185, 129, 0.2);
}

body.light .text-emerald-300 {
    color: #059669;
}

body.light .text-gray-600 {
    color: #4b5563;
}

body.light .bg-yellow-900\/20 {
    background-color: rgba(251, 191, 36, 0.1);
}

body.light .border-yellow-700\/50 {
    border-color: rgba(251, 191, 36, 0.5);
}

body.light .text-yellow-300 {
    color: #d97706;
}

body.light .text-yellow-400 {
    color: #f59e0b;
}

body.light kbd {
    background-color: #e5e7eb;
    border-color: #d1d5db;
    color: #4b5563;
}

/* Dark Mode */
body.dark {
    background-color: #030712;
    color: #d1d5db;
}