:root {
            --primary-color: #0d6efd;
            --secondary-color: #6c757d;
            --dark-color: #212529;
            --light-color: #f8f9fa;
            --hb-font-body: 'Inter', sans-serif;
            --hb-font-heading: 'Poppins', sans-serif;
        }
        [data-bs-theme="dark"] {
            --primary-color: #0dcaf0;
            --dark-color: #f8f9fa;
            --light-color: #212529;
        }
        body {
            font-family: var(--hb-font-body);
            overflow-x: hidden;
        }
        h1, h2, h3, h4, h5, h6 {
            font-family: var(--hb-font-heading);
        }
        .skip-to-content {
            position: absolute;
            top: -40px;
            left: 0;
            background: var(--primary-color);
            color: white;
            padding: 8px;
            z-index: 9999;
            text-decoration: none;
        }
        .skip-to-content:focus {
            top: 0;
        }
        @media (min-width: 992px) {
            .navbar-nav .nav-item {
                white-space: nowrap;
            }
        }

        /* ===== FORCE NAVBAR TO ALWAYS BE LIGHT ===== */
        /* Override Bootstrap's dark mode styles for the header */
        .navbar, .navbar * {
            color-scheme: light !important;
        }
        .navbar {
            background-color: #ffffff !important;
            border-bottom: 1px solid rgba(0,0,0,0.1);
        }
        .navbar .navbar-nav .nav-link {
            color: #212529 !important;
        }
        .navbar .navbar-nav .nav-link:hover,
        .navbar .navbar-nav .nav-link:focus {
            color: #0d6efd !important;
        }
        .navbar .navbar-nav .nav-link.active {
            color: #0d6efd !important;
            font-weight: 600;
        }
        .navbar .dropdown-menu {
            background-color: #ffffff !important;
            border: 1px solid rgba(0,0,0,0.15);
        }
        .navbar .dropdown-item {
            color: #212529 !important;
        }
        .navbar .dropdown-item:hover,
        .navbar .dropdown-item:focus {
            background-color: #f8f9fa !important;
            color: #0d6efd !important;
        }
        .navbar-toggler {
            border-color: rgba(0,0,0,0.1) !important;
        }
        .navbar-toggler-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,0,0,0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
        }
        /* Keep logo visible */
        .navbar-brand img {
            filter: none !important;
        }
        /* Ensure the compare button looks normal in light mode */
        .btn-outline-primary {
            color: #0d6efd !important;
            border-color: #0d6efd !important;
        }
        .btn-outline-primary:hover {
            background-color: #0d6efd !important;
            color: white !important;
        }