/* تنالیته رنگی بر اساس #000033 */
:root {
    /* رنگ پایه */
    --base-color: #000033;
    /* تنالیته‌های اصلی */
    --primary: blue;
    --secondary: #4d4d7a;
    --info: #333366;
    --light: #e6e6f0;
    --dark: #00001a;
    --danger: #660033;
    --warning: #994b00;
    --white: #ffffff;
    --orange: #ff8c00;

    --black: #000000;
    /* تنالیته‌های روشن‌تر */
    --primary-light: #333366;
    --primary-lighter: #666699;
    --primary-lightest: #9999cc;
    /* تنالیته‌های تیره‌تر */
    --primary-dark: #00001a;
    --primary-darker: #00000d;
}

body {
    /* background-image: url("/Images/back.png") !important;*/
    background-color: var(--base-color) !important;
    background-size: cover !important; /* برای فول‌اسکرین */
    background-repeat: no-repeat !important;
    background-attachment: fixed !important; /* ثابت ماندن هنگام اسکرول */
    background-position: center !important;
}



/* کلاس‌های پس‌زمینه */
.bg-orange {
    background-color: var(--orange) !important;
}

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


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

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

.bg-light {
    background-color: var(--light) !important;
    color: var(--dark) !important;
}

.bg-dark {
    background-color: var(--dark) !important;
    color: var(--light) !important;
}

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

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

.bg-white {
    background-color: var(--primary-dark) !important;
    color: var(--light) !important;
}

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

/* کلاس‌های متن */
.text-orange {
    color: var(--orange) !important;
}
.text-primary {
    color: var(--primary) !important;
}

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

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

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

.text-dark {
    color: var(--light) !important;
    /* color: var(--dark) !important;*/
}

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

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

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

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

/* کلاس‌های دکمه */
.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

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

.btn-secondary {
    background-color: var(--secondary);
    border-color: var(--secondary);
    color: var(--white);
}

    .btn-secondary:hover {
        background-color: #3d3d6a;
        border-color: #3d3d6a;
    }

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

    .btn-info:hover {
        background-color: #2a2a55;
        border-color: #2a2a55;
    }

.btn-light {
    background-color: var(--light);
    border-color: var(--light);
    color: var(--dark);
}

    .btn-light:hover {
        background-color: #d6d6e0;
        border-color: #d6d6e0;
    }

.btn-dark {
    background-color: var(--dark);
    border-color: var(--dark);
    color: var(--white);
}

    .btn-dark:hover {
        background-color: #00000d;
        border-color: #00000d;
    }

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

    .btn-outline-primary:hover {
        background-color: var(--primary);
        border-color: var(--primary);
        color: var(--white);
    }

.btn-outline-secondary {
    color: var(--secondary);
    border-color: var(--secondary);
}

    .btn-outline-secondary:hover {
        background-color: var(--secondary);
        border-color: var(--secondary);
        color: var(--white);
    }

/* کلاس‌های جدول */
.table-primary {
    --bs-table-bg: var(--primary-lightest);
    --bs-table-striped-bg: var(--primary-lighter);
    --bs-table-striped-color: var(--white);
    --bs-table-active-bg: var(--primary-light);
    --bs-table-active-color: var(--white);
    --bs-table-hover-bg: var(--primary-lighter);
    --bs-table-hover-color: var(--white);
    color: var(--dark);
    border-color: var(--primary-light);
}

.table-secondary {
    --bs-table-bg: #f0f0f5;
    --bs-table-striped-bg: #e6e6f0;
    --bs-table-striped-color: var(--dark);
    --bs-table-active-bg: #d6d6e0;
    --bs-table-active-color: var(--dark);
    --bs-table-hover-bg: #e6e6f0;
    --bs-table-hover-color: var(--dark);
    color: var(--dark);
    border-color: var(--secondary);
}

.table-info {
    --bs-table-bg: #e6e6f5;
    --bs-table-striped-bg: #d6d6f0;
    --bs-table-striped-color: var(--dark);
    --bs-table-active-bg: #c6c6e0;
    --bs-table-active-color: var(--dark);
    --bs-table-hover-bg: #d6d6f0;
    --bs-table-hover-color: var(--dark);
    color: var(--dark);
    border-color: var(--info);
}

/* کلاس‌های border */
.border-primary {
    border-color: var(--primary) !important;
}

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

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

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

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

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

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

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

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

/* کلاس‌های alert */
.alert-primary {
    background-color: var(--primary-lightest);
    border-color: var(--primary-light);
    color: var(--primary-dark);
}

.alert-secondary {
    background-color: #f0f0f5;
    border-color: var(--secondary);
    color: var(--dark);
}

.alert-info {
    background-color: #e6e6f5;
    border-color: var(--info);
    color: var(--dark);
}

/* کلاس‌های badge */
.badge.bg-primary {
    background-color: var(--primary) !important;
}

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

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

.badge.bg-light {
    background-color: var(--light) !important;
    color: var(--dark);
}

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

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

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

/* کلاس‌های progress bar */
.progress-bar.bg-primary {
    background-color: var(--primary) !important;
}

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

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

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

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

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

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

/* کلاس‌های list group */
.list-group-item-primary {
    background-color: var(--primary-lightest);
    color: var(--primary-dark);
}

.list-group-item-secondary {
    background-color: #f0f0f5;
    color: var(--dark);
}

.list-group-item-info {
    background-color: #e6e6f5;
    color: var(--dark);
}

/* کلاس‌های card */
.card.bg-primary {
    background-color: var(--primary) !important;
    color: var(--white);
}

.card.bg-secondary {
    background-color: var(--secondary) !important;
    color: var(--white);
}

.card.bg-info {
    background-color: var(--info) !important;
    color: var(--white);
}

/* کلاس‌های link */
a.link-primary {
    color: var(--primary) !important;
}

    a.link-primary:hover {
        color: var(--primary-dark) !important;
    }

a.link-secondary {
    color: var(--secondary) !important;
}

    a.link-secondary:hover {
        color: #3d3d6a !important;
    }

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

    a.link-info:hover {
        color: #2a2a55 !important;
    }

/* کلاس‌های form control focus */
.form-control:focus {
    border-color: var(--primary-light);
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 51, 0.25);
}

.form-select:focus {
    border-color: var(--primary-light);
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 51, 0.25);
}

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

/* کلاس‌های navbar */
.navbar.bg-primary {
    background-color: var(--primary) !important;
}

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

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

/* کلاس‌های dropdown */
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--primary);
    color: var(--white);
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: var(--primary-light);
    color: var(--white);
}