// 🎨 Thème H TRANSPORT

$primary: #f97316;       // Orange route
$secondary: #1f2937;     // Gris anthracite
$light: #f9fafb;         // Fond clair
$dark: #111827;          // Noir mat
$body-bg: $light;
$body-color: $dark;
$font-family-sans-serif: 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;

// Import Bootstrap avec tes variables personnalisées
@import "~bootstrap/scss/bootstrap";

// 🎨 Styles personnalisés
body {
    background-color: $light;
    color: $dark;
}

.navbar {
    background-color: $secondary !important;
}

.btn-primary {
    background-color: $primary;
    border-color: $primary;
    &:hover {
        background-color: darken($primary, 10%);
    }
}

footer {
    background-color: $secondary;
    color: $light;
}