:root {
    --primary-color: #6d28d9;
    --success-color: #059669;
    --danger-color: #dc2626;
    --warning-color: #d97706;
    --info-color: #0284c7;
}

body {
    font-family: 'Cairo', 'Tajawal', 'Segoe UI', 'Tahoma', sans-serif;
    background-color: #f8f9fa;
}

/* Keep Font Awesome glyphs from being overridden by Arabic font rules. */
.fa, .fas, .far, .fal, .fab, .fad, .fass, .fasr, .fasl, .fast,
i[class*="fa-"], i[class^="fa "], i[class^="fas "], i[class^="far "],
i[class^="fal "], i[class^="fab "], i[class^="fad "],
[class*="fa-"]:before, [class^="fa "]:before {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 6 Brands", "Font Awesome 5 Free", "Font Awesome 5 Pro" !important;
    font-weight: 900 !important;
}

.fab {
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands" !important;
    font-weight: 400 !important;
}

.far {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
    font-weight: 400 !important;
}

[class^="fa-"]:before, [class*=" fa-"]:before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
}

.fa-user, .fa-lock, .fa-sign-in-alt, .fa-home, .fa-plus, .fa-edit, .fa-trash,
.fa-search, .fa-print, .fa-download, .fa-upload, .fa-save, .fa-times,
.fa-check, .fa-eye, .fa-cog, .fa-bars, .fa-arrow-left, .fa-arrow-right {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

.notifications-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    max-width: 400px;
    width: 100%;
}

.notification-card {
    margin-bottom: 10px;
    animation-duration: 0.5s;
}