/* Couleur principale YSF */
:root {
    --ysf-primary: #A816C5;
    --ysf-primary-dark: #8a11a0;
}

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

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

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

.btn-ysf:hover {
    background-color: var(--ysf-primary-dark);
    color: white;
}

.card {
    border-radius: 15px;
}

body {
    background-color: #f8f9fa;
}

/* Sidebar */
.sidebar {
    position: fixed;
    top: 56px;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 0;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.sidebar .nav-link {
    color: #333;
    padding: 12px 16px;
}

.sidebar .nav-link:hover {
    background-color: #e9ecef;
    color: var(--ysf-primary);
}

.sidebar .nav-link.active {
    background-color: var(--ysf-primary);
    color: white;
}

.sidebar .nav-link i {
    margin-right: 8px;
}

/* Cards with colored borders */
.border-left-primary {
    border-left: 4px solid #4e73df !important;
}

.border-left-success {
    border-left: 4px solid #1cc88a !important;
}

.border-left-info {
    border-left: 4px solid #36b9cc !important;
}

.border-left-warning {
    border-left: 4px solid #f6c23e !important;
}

.text-gray-300 {
    color: #dddfeb !important;
}

.text-gray-800 {
    color: #5a5c69 !important;
}

/* Login page */
body.login-page {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}