:root {
    --primary: #0f383b; /* Couleur bleue principale */
    --secondary: #d1944a; /* Couleur or */
    --accent-light: #ebefeb; /* Gris clair pour les fonds */
    --accent-light-2: #c3d3d4; /* Arrière-plan bleu clair */
}

body {
    font-family: 'Roboto', sans-serif; /* Police Material Design */
}

h1, h2, h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.bg-primary {
    background-color: var(--primary);
}

.bg-secondary {
    background-color: var(--secondary);
}

.bg-accent-light {
    background-color: var(--accent-light);
}

.bg-accent-light-2 {
    background-color: var(--accent-light-2);
}

.text-primary {
    color: var(--primary);
}

.text-secondary {
    color: var(--secondary);
}

.shadow-md {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.rounded-lg {
    border-radius: 8px;
}