/* theme.css */

:root {
    --primary-color: #0056b3; /* Azul escuro */
    --secondary-color: #007bff; /* Azul vibrante */
    --accent-color: #ffc107; /* Amarelo */
    --background-color: #f8f9fa; /* Branco acinzentado */
    --text-color: #212529; /* Preto acinzentado */
    --light-text-color: #6c757d; /* Cinza claro */
}

body {
    background-color: var(--background-color);
    color: var(--text-color);
}

header {
    background-color: var(--background-color);
    border-bottom-color: var(--light-text-color);
}

nav ul li a {
    color: var(--primary-color);
}

.hero {
    background-color: var(--secondary-color);
    color: #fff;
}

.content-section {
    background-color: #fff;
}

.alert-box {
    background-color: var(--accent-color);
    border-left-color: var(--primary-color);
}

footer {
    background-color: var(--primary-color);
    color: #fff;
}

footer p {
    color: rgba(255, 255, 255, 0.7);
}