/* Palette EcoRide */
:root {
    --ecoride-bg: #0d1117;
    --ecoride-dark: #343a40; /*#244855*/
    --ecoride-text: #ffffff;
    --ecoride-accent: #E07A5F;
    --ecoride-soft: #D8C3A5;
    --ecoride-neutral: #A8B8A0;
}

body {
    background-color: var(--ecoride-bg);
    color: var(--ecoride-text);
    font-family: 'Helvetica', sans-serif;
    font-size: 1.5rem;
}

a {
    color: var(--ecoride-accent);
}

.navbar, footer {
    background-color: var(--ecoride-dark);
    font-size: 1.5rem;
}
/*
.btn-primary {
    background-color: var(--ecoride-accent);
    border: none;
}

.btn-primary:hover {
    background-color: #198754 !important; 
    color: white;
}
*/

/*bouton connexion et inscription*/

.btn-ecoride {
    font-size: 1.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 500;
}

.btn-ecoride-primary {
    background-color: var(--ecoride-accent);
    color: white;
    border: none;
}

.btn-ecoride-secondary {
    background-color: white;
    border: 1px solid var(--ecoride-accent);
    color: var(--ecoride-accent);
}

.btn-ecoride-primary:hover {
    background-color: var(--ecoride-soft);
    color: white;
}

.btn-ecoride-secondary:hover {
    background-color: var(--ecoride-soft);
    color: white;
}

/*bouton annulation*/

.btn-ecoride-danger {
    background-color: #dc3545; 
    color: white;
}

.btn-ecoride-danger:hover {
    background-color: #bb2d3b;
    color: white;
}

/* Card styles */
.card {
    background-color: var(--ecoride-neutral);
    color: var(--ecoride-bg);
    font-size: 1.5rem;
}

.alert-success {
    background-color: var(--ecoride-neutral);
    color: var(--ecoride-bg);
    font-size: 1.5rem;
}