/* ========================================
   App theme — shared with /dashboard
   ======================================== */

:root {
    --primary: #4361ee;
    --primary-hover: #3451d9;
    --primary-rgb: 67, 97, 238;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --purple: #7209b7;
    --theme-gradient: linear-gradient(135deg, var(--primary) 0%, var(--purple) 100%);
    --theme-gradient-reverse: linear-gradient(135deg, var(--purple) 0%, var(--primary) 100%);

    /* Bootstrap 5 — align primary with dashboard */
    --bs-primary: #4361ee;
    --bs-primary-rgb: 67, 97, 238;
    --bs-link-color: #4361ee;
    --bs-link-hover-color: #3451d9;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary-hover);
    --bs-btn-hover-border-color: var(--primary-hover);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-hover);
    --bs-btn-active-border-color: var(--primary-hover);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--primary);
    --bs-btn-disabled-border-color: var(--primary);
}

.btn-outline-primary {
    --bs-btn-color: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-bg: var(--primary);
    --bs-btn-hover-border-color: var(--primary);
    --bs-btn-active-bg: var(--primary);
    --bs-btn-active-border-color: var(--primary);
    --bs-btn-disabled-color: var(--primary);
    --bs-btn-disabled-border-color: var(--primary);
}

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

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

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

.table-primary {
    --bs-table-bg: rgba(var(--primary-rgb), 0.12);
    --bs-table-color: #1f2937;
    --bs-table-border-color: rgba(var(--primary-rgb), 0.2);
}

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