/* styles.css */
body {
    font-family: Arial, sans-serif;
    background-color: #f5f5f5;
    transition: background-color 0.3s, color 0.3s;
}

header {
    background: linear-gradient(45deg, #0066cc, #003399);
    color: white;
}

header h1 {
    font-size: 2.5rem;
}

.hero {
    background: url('imagens/hero-cozinha.jpg') no-repeat center center/cover;
    color: white;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero h2 {
    font-size: 2.5rem;
}

.content-section {
    padding: 2rem 0;
}

footer {
    background: #003399;
    color: white;
}

/* Estilo para o modo escuro */
body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}

header.dark-mode {
    background: linear-gradient(45deg, #333, #000);
}

footer.dark-mode {
    background-color: #222;
}

/* Estilo para o modo alto contraste */
body.high-contrast {
    background-color: black;
    color: yellow;
}

header.high-contrast {
    background: yellow;
    color: black;
}

footer.high-contrast {
    background-color: yellow;
    color: black;
}

/* Ajustes para botões nos modos */
.btn {
    transition: background-color 0.3s, color 0.3s;
}

body.high-contrast .btn {
    background-color: yellow;
    color: black;
}

body.dark-mode .btn {
    background-color: #333;
    color: white;
}

/* Ajustes para links */
.nav-link {
    font-weight: bold;
    transition: color 0.3s, background-color 0.3s;
}

body.high-contrast .nav-link {
    color: black;
    background-color: yellow;
    padding: 0.3rem 0.6rem;
    border-radius: 5px;
}