:root {
    --bg: #fafafa;
    --txt: #2e3d3d;
    --link: #2094f3;
    --header: #ffffff;
    --header-txt: #000000;
    --header-icon: #4a5759;
    --footer: #ffffff;
    --footer-txt: #000000;
    --btn: #800f2f;
    --btn-txt: #f5f5dd;
    --btn-hover: #e00000;
    --font-size: 15;
    --border-size: ;
    --border-color: rgba(74, 87, 89, 0.7); /* لون RGBA */
}

body {
    background-color: var(--bg);
    font-size: var(--font-size);
}

/* الكلاسات لاستخدام الألوان */
.bg-store { background-color: var(--bg); }
.text-color { color: var(--txt); }
.link-color { color: var(--link); }
.bg-header { background-color: var(--header); }
.header-text { color: var(--header-txt); }
.header-icon-color { color: var(--header-icon); }
.bg-footer { background-color: var(--footer); }
.footer-color { color: var(--footer-txt); }
.bg-btn { background-color: var(--btn); }
.btn-color { color: var(--btn-txt); }
.bg-btn:hover { background-color: var(--btn-hover); }

p, h1, h2, h3, h4, h5, h6 {
    color: var(--text-color);
}

.border-style {
    border: var(--border-size) solid var(--border-color);
    border-radius: 10px;
}
body.swal2-shown {
    padding-right: 0 !important;
}
.line::before, .line::after{
 background-color : var(--btn) !important;   
}
}
.swal2-html-container{
   
    overflow: hidden;
}
.swal2-container {
    margin: 00px !important; /* يمكنك تغيير القيمة حسب الحاجة */
}

.custom-confirm-button-class {
    background-color: var(--btn) !important; /* استبدل هذا اللون باللون الذي تريده */
    border: none; /* إزالة الإطار إن وُجد */
}
.swal2-cancel {
    background-color: red !important; /* استبدل هذا اللون باللون الذي تريده */
    border: none; /* إزالة الإطار إن وُجد */
}