:root {
        --primary-color: #ff6f00;
        --secondary-color: #ffd54f;
        --text-dark: #222;
        --bg-light: #f9f9f9;
    }

    body {
        background-color: var(--bg-light);
        font-family: 'Inter', sans-serif;
        color: var(--text-dark);
    }

    .navbar,
    .top-bar {
        background-color: #fff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    }

    .product-card {
        border-radius: 16px;
        background: #fff;
        transition: transform .2s, box-shadow .2s;
        overflow: hidden;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    }

    .product-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    }

    .product-img {
        width: 100%;
        height: 180px;
        object-fit: cover;
        border-radius: 12px;
    }

    .btn-primary {
        background-color: var(--primary-color);
        border: none;
        color: white;
        border-radius: 25px;
    }

    .btn-primary:hover {
        background-color: #e25f00;
    }

    .footer {
        background-color: #222;
        color: white;
        padding: 40px 0;
    }

    .footer a {
        color: #ddd;
        text-decoration: none;
    }

    .footer a:hover {
        color: var(--secondary-color);
    }