/* CRM overrides on top of the AdminToolkit template's global.css.
   Kept separate so the original template file stays untouched. */

body {
    font-family: 'Plus Jakarta Sans', 'Poppins', sans-serif;
}

.menu-item.disabled,
.submenu-item.disabled {
    opacity: .45;
    pointer-events: none;
    cursor: not-allowed;
}

/* Brand recolor: primary -> Bootstrap's default blue, and the template's
   original purple moves to "secondary" (used everywhere as the main form
   submit button color, e.g. btn-secondary "Simpan" buttons). */
:root {
    --primary-color: #0d6efd;
    --primary-dark: #0b5ed7;
    --primary-ring: #6ea8fe;
    --primary-soft: #cfe2ff;
    --brand-gradient-start: #0d6efd;
    --brand-gradient-end: #6ea8fe;

    --bs-secondary: #7c3aed;
    --bs-secondary-rgb: 124, 58, 237;
}

[data-theme="dark"] {
    --primary-color: #3b82f6;
    --primary-dark: #2563eb;
    --primary-ring: #93c5fd;
    --primary-soft: rgba(13, 110, 253, 0.18);
    --brand-gradient-start: #1d4ed8;
    --brand-gradient-end: #3b82f6;

    --bs-secondary: #753ed4;
    --bs-secondary-rgb: 117, 62, 212;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #7c3aed;
    --bs-btn-border-color: #7c3aed;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6d28d9;
    --bs-btn-hover-border-color: #6d28d9;
    --bs-btn-focus-shadow-rgb: 140, 92, 240;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5b21b6;
    --bs-btn-active-border-color: #5b21b6;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7c3aed;
    --bs-btn-disabled-border-color: #7c3aed;
}

/* global.css hardcodes the focus glow to the old purple RGB instead of a
   variable (border-color right above it correctly uses --primary-ring) —
   override just the shadow to match the new blue primary. */
.form-control:focus,
.form-select:focus,
.input-group:focus-within {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}

.btn-outline-secondary {
    --bs-btn-color: #7c3aed;
    --bs-btn-border-color: #7c3aed;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7c3aed;
    --bs-btn-hover-border-color: #7c3aed;
    --bs-btn-focus-shadow-rgb: 124, 58, 237;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7c3aed;
    --bs-btn-active-border-color: #7c3aed;
    --bs-btn-disabled-color: #7c3aed;
    --bs-btn-disabled-border-color: #7c3aed;
}