/* ============================================
   CSS DYNAMIQUE - Généré automatiquement
   ============================================ */

:root {
    /* Couleurs principales */
    --color-primary: #1976d2;
    --color-secondary: #424242;
    --color-accent: #82b1ff;
    
    /* Couleurs d'état */
    --color-success: #4caf50;
    --color-warning: #ff9800;
    --color-error: #f44336;
    --color-info: #2196f3;
    
    /* Fond et texte */
    --color-background: #fafafa;
    --color-sidebar: #263238;
    --color-text-primary: #212121;
    --color-text-secondary: #757575;
}

/* ============================================
   BOUTONS
   ============================================ */

/* Bouton primaire */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: #ffffff !important;
}

.btn-primary:hover {
    opacity: 0.9;
}

/* Bouton secondaire */
.btn-secondary {
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
    color: #ffffff !important;
}

/* Boutons d'état */
.btn-success {
    background-color: var(--color-success) !important;
    border-color: var(--color-success) !important;
}

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

.btn-danger,
.btn-error {
    background-color: var(--color-error) !important;
    border-color: var(--color-error) !important;
}

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

/* ============================================
   LIENS
   ============================================ */

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

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

/* ============================================
   SIDEBAR
   ============================================ */

.sidebar {
    background-color: var(--color-sidebar) !important;
}

.sidebar-menu > li > a:hover,
.sidebar-menu > li.active > a {
    background-color: var(--color-primary) !important;
}

/* ============================================
   BADGES
   ============================================ */

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

.badge-secondary,
.bg-secondary {
    background-color: var(--color-secondary) !important;
}

.badge-success,
.bg-success {
    background-color: var(--color-success) !important;
}

.badge-warning,
.bg-warning {
    background-color: var(--color-warning) !important;
}

.badge-danger,
.bg-danger,
.badge-error,
.bg-error {
    background-color: var(--color-error) !important;
}

.badge-info,
.bg-info {
    background-color: var(--color-info) !important;
}

/* ============================================
   ALERTES
   ============================================ */

.alert-success {
    background-color: #4caf5020 !important;
    border-color: var(--color-success) !important;
    color: var(--color-success) !important;
}

.alert-warning {
    background-color: #ff980020 !important;
    border-color: var(--color-warning) !important;
    color: var(--color-warning) !important;
}

.alert-danger,
.alert-error {
    background-color: #f4433620 !important;
    border-color: var(--color-error) !important;
    color: var(--color-error) !important;
}

.alert-info {
    background-color: #2196f320 !important;
    border-color: var(--color-info) !important;
    color: var(--color-info) !important;
}

/* ============================================
   FORMULAIRES
   ============================================ */

.form-control:focus,
.form-select:focus {
    border-color: var(--color-primary) !important;
    box-shadow: 0 0 0 0.2rem #1976d240 !important;
}

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

/* ============================================
   TABLEAUX
   ============================================ */

.table-striped tbody tr:hover {
    background-color: #1976d210 !important;
}

.table thead th {
    background-color: #1976d215 !important;
    color: var(--color-text-primary) !important;
}

/* ============================================
   PAGINATION
   ============================================ */

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

.pagination .page-link:hover {
    color: var(--color-primary) !important;
}

/* ============================================
   CARDS
   ============================================ */

.card {
    border-color: #1976d220;
}

.card-header {
    background-color: #1976d210 !important;
    border-bottom-color: #1976d230;
}

/* ============================================
   TEXTE
   ============================================ */

body {
    color: var(--color-text-primary);
    background-color: var(--color-background);
}

.text-muted,
small {
    color: var(--color-text-secondary) !important;
}

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

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

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

.text-danger,
.text-error {
    color: var(--color-error) !important;
}

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

/* ============================================
   PROGRESS BARS
   ============================================ */

.progress-bar {
    background-color: var(--color-primary) !important;
}

.progress-bar-success {
    background-color: var(--color-success) !important;
}

.progress-bar-warning {
    background-color: var(--color-warning) !important;
}

.progress-bar-danger {
    background-color: var(--color-error) !important;
}

/* ============================================
   DROPDOWNS
   ============================================ */

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #1976d215 !important;
    color: var(--color-primary) !important;
}

/* ============================================
   TABS & NAV
   ============================================ */

.nav-tabs .nav-link.active {
    color: var(--color-primary) !important;
    border-bottom-color: var(--color-primary) !important;
}

.nav-pills .nav-link.active {
    background-color: var(--color-primary) !important;
}

/* ============================================
   SPINNERS & LOADING
   ============================================ */

.spinner-border,
.spinner-grow {
    color: var(--color-primary) !important;
}

/* ============================================
   BORDER UTILITIES
   ============================================ */

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

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

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

.border-danger {
    border-color: var(--color-error) !important;
}

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