/* 
 * FFVélo Bike Challenge - CSS Variables
 * Centralized color definitions for all themes
 */

html {
    scroll-behavior: smooth;
}

:root {
    /* Brand Colors */
    --ffvelo-red: #b70f17;
    --ffvelo-green: #97BF15;
    --ffvelo-blue: #2e3092;
    --ffvelo-teal: #9FCFCA;
    --ffvelo-light-blue: #7C9BC0;
    --ffvelo-light-gray: #C8D7EC;
    
    /* Additional Colors */
    --color-coral: #f04c5c;
    --color-turquoise: #289c94;
    --color-sky-blue: #2799d6;
    --color-purple: #312783;
    
    /* Bootstrap Overrides - Default (Jeunes theme) */
    --bs-primary: var(--ffvelo-red);
    --bs-success: var(--ffvelo-green);
    --bs-info: var(--ffvelo-blue);
    --bs-warning: var(--ffvelo-teal);
    --bs-danger: var(--ffvelo-light-blue);
    --bs-secondary: var(--ffvelo-light-gray);
}

/* Common Bootstrap color classes */
.bg-primary { background-color: #b70f17 !important; }
.text-primary { color: #b70f17 !important; }

.bg-success { background-color: var(--ffvelo-green) !important; }
.text-success { color: var(--ffvelo-green) !important; }

.bg-info { background-color: var(--ffvelo-blue) !important; }
.text-info { color: var(--ffvelo-blue) !important; }

.bg-warning { background-color: var(--ffvelo-teal) !important; }
.text-warning { color: var(--ffvelo-teal) !important; }

.bg-secondary { background-color: var(--ffvelo-light-gray) !important; }
.text-secondary { color: var(--ffvelo-light-gray) !important; }

/* Common button styles */
.btn-primary {
    background-color: var(--ffvelo-red) !important;
    border-color: var(--ffvelo-red) !important;
}

.btn-success {
    background-color: var(--ffvelo-green) !important;
    border-color: var(--ffvelo-green) !important;
}

.btn-info {
    background-color: var(--ffvelo-blue) !important;
    border-color: var(--ffvelo-blue) !important;
}

.btn-outline-info {
    color: var(--ffvelo-blue);
    border-color: var(--ffvelo-blue);
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info:focus-visible {
    color: #ffffff;
    background-color: var(--ffvelo-blue);
    border-color: var(--ffvelo-blue);
}

.btn-warning {
    background-color: var(--ffvelo-teal) !important;
    border-color: var(--ffvelo-teal) !important;
}

.btn-secondary {
    background-color: var(--ffvelo-light-gray) !important;
    border-color: var(--ffvelo-light-gray) !important;
}

/* Custom action buttons */
.btn-home-top {
    background-color: var(--ffvelo-red);
    color: white;
    padding: 15px 30px;
    font-size: 1.2rem;
    border-radius: 30px;
}

.btn-action {
    background-color: var(--ffvelo-red);
    color: white;
    padding: 8px 16px;
    font-size: 1.2rem;
    border-radius: 30px;
}

.btn-action-challenge {
    background-color: var(--color-turquoise);
    color: white;
    padding: 8px 16px;
    font-size: 1.2rem;
    border-radius: 30px;
}

.btn-action-camp {
    background-color: var(--color-sky-blue);
    color: white;
    padding: 8px 16px;
    font-size: 1.2rem;
    border-radius: 30px;
}

.btn-action-aventure {
    background-color: var(--color-purple);
    color: white;
    padding: 8px 16px;
    font-size: 1.2rem;
    border-radius: 30px;
}

/* Common UI components */
.accordion-button {
    background-color: transparent !important;
    color: inherit !important;
    border: none !important;
    box-shadow: none !important;
}