/* Thème personnalisé — couleur principale terracotta */

:root {
    --bs-primary: #C4694F;
    --bs-primary-rgb: 196, 105, 79;
    --bs-primary-dark: #9E5038;
    --bs-primary-light: #D4836A;
    --bs-body-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --bs-font-sans-serif: var(--bs-body-font-family);
    --bs-btn-bg: #C4694F;
    --bs-btn-border-color: #C4694F;
    --bs-btn-hover-bg: #9E5038;
    --bs-btn-hover-border-color: #9E5038;
    --bs-btn-active-bg: #9E5038;
    --bs-btn-active-border-color: #9E5038;
    --bs-btn-focus-shadow-rgb: 196, 105, 79;
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary-dark);
    --bs-btn-hover-border-color: var(--bs-primary-dark);
    --bs-btn-active-bg: var(--bs-primary-dark);
    --bs-btn-active-border-color: var(--bs-primary-dark);
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--bs-primary-dark);
    border-color: var(--bs-primary-dark);
}

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

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

.border-primary {
    border-color: var(--bs-primary) !important;
}

.badge.bg-primary {
    background-color: var(--bs-primary) !important;
}

.navbar:not(.goli-navbar) .nav-link:hover {
    color: var(--bs-primary) !important;
}

.navbar-brand {
    color: var(--bs-primary) !important;
}

a {
    color: var(--bs-primary);
}

a:hover {
    color: var(--bs-primary-dark);
}

.alert-success {
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    border-color: var(--bs-primary);
    color: var(--bs-primary-dark);
}

.page-link {
    color: var(--bs-primary);
}

.page-link:hover {
    color: var(--bs-primary-dark);
    background-color: rgba(var(--bs-primary-rgb), 0.1);
}

.page-item.active .page-link {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    color: var(--bs-primary-dark);
}

.card.border-primary {
    border-top: 3px solid var(--bs-primary) !important;
}