:root {
    --brand-primary: #7B1EFF;
    --brand-primary-dark: #4B00B5;
    --brand-dark: #0D001F;
    --brand-accent: #FF8A00;
    --brand-accent-dark: #e67a00;
    --brand-bg: #F9F5FF;
    --brand-text: #0D001F;
    --brand-muted: #6B7280;
}

body {
    font-family: 'Cairo', 'Tajawal', sans-serif;
    background-color: var(--brand-bg);
    color: var(--brand-text);
}

a {
    color: var(--brand-primary);
}

a:hover {
    color: var(--brand-primary-dark);
}

.navbar.bg-dark {
    background: linear-gradient(135deg, var(--brand-primary-dark), var(--brand-dark)) !important;
}

.card {
    border: none;
    border-radius: 1rem;
}

.btn {
    border-radius: 50rem;
    font-weight: 600;
}

.btn-primary {
    background-color: var(--brand-accent);
    border-color: var(--brand-accent);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--brand-accent-dark) !important;
    border-color: var(--brand-accent-dark) !important;
}

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

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    background-color: var(--brand-primary-dark) !important;
    border-color: var(--brand-primary-dark) !important;
}

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

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

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

.list-group-item.active {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

.form-control:focus {
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 0.25rem rgba(123, 30, 255, 0.15);
}

.accordion-button:not(.collapsed) {
    background-color: rgba(123, 30, 255, 0.08);
    color: var(--brand-primary-dark);
}

.accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(123, 30, 255, 0.15);
}