:root {
    --alura-primary: #167BF7;       
    --alura-secondary: #051933;     
    --alura-text: #051933;         
    --alura-light: #FFFFFF;        
    --alura-gray: #C8C8C8;         
}

body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    background-color: var(--alura-light);
    color: var(--alura-text);
}

.nav {
    background-color: var(--alura-secondary);
    padding: 1rem 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 30px;
}

.nav .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-links {
    display: flex;
    gap: 20px;
}

.nav a {
    color: var(--alura-light);
    text-decoration: none;
    font-weight: 600;
}

.nav a:hover {
    color: var(--alura-primary);
    text-decoration: none;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}