:root {
    --primary: #007bff; /* آبی اصلی */
    --secondary: #6c757d; /* خاکستری */
    --success: #28a745; /* سبز */
    --danger: #dc3545; /* قرمز */
    --light: #f8f9fa; /* روشن */
    --dark: #343a40; /* تیره */
}

body {
    background-color: var(--light);
    color: var(--dark);
}

.navbar {
    border-bottom: 1px solid var(--secondary);
}

.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}
.btn-primary:hover {
    background-color: darken(var(--primary), 10%);
}