body{background:#fff;color:#111827;transition:background .3s,color .3s;font-family:system-ui}body.dark-mode{background:#0f172a;color:#f1f5f9}body.dark-mode .header{background:#111827;border-bottom:1px solid #374151}body.dark-mode .nav a{color:#e5e7eb}body.dark-mode .nav a:hover{color:#60a5fa}body.dark-mode .dropdown-menu{background:#1f2937}body.dark-mode .dropdown-menu a{color:#e5e7eb}body.dark-mode .dropdown-menu a:hover{background:#374151}body.dark-mode .search-box input{background:#1f2937;border:1px solid #374151;color:#fff}body.dark-mode .search-box input::placeholder{color:#9ca3af}body.dark-mode .footer{background:#0f172a;color:#cbd5e1;border-top:1px solid #1f2937}body.dark-mode .footer a{color:#cbd5e1}body.dark-mode .footer a:hover{color:#60a5fa}body.dark-mode .footer-social{border-top:1px solid #1f2937}body.dark-mode .footer-bottom{border-top:1px solid #1f2937;color:#94a3b8}.header,.footer,.dropdown-menu,.search-box input{transition:all .3s ease}