body{
    background:#f5f5f5;
}

.produto-card{
    border:none;
    border-radius:12px;
    overflow:hidden;
    transition:0.3s;
}

.produto-card:hover{
    transform:translateY(-5px);
}

.produto-img{
    height:250px;
    object-fit:cover;
}

body.dark{
    background:#683BC2;
    color:#fff;
}

body.dark .card{
    background:#683BC2;
    color:#fff;
}

.categoria { background: #E27082; color: #fff; padding: 3px 8px; border-radius: 3px; font-weight: bold; text-transform: uppercase; font-size: 0.8rem; }

.bg-dark {
    background: #683BC2;
    color:#fff;  
}

/* Forçar os links e textos do menu a ficarem brancos */
header a, .site-header a, #header a, .navbar a, .main-navigation a {
    color: #FFFFFF !important;
}

/* Garante o contraste também ao passar o mouse pelos links do menu (efeito hover) */
header a:hover, .site-header a:hover, #header a:hover, .navbar a:hover, .main-navigation a:hover {
    color: #E0D5FF !important; /* Um tom de roxo bem clarinho para o efeito */
}