/* Brand override for the Metronic ("strong") auth theme.
   style.bundle.css hardcodes brand colors directly into several
   component-level custom properties (not just the :root tokens), so both
   layers have to be overridden here. Loaded after style.bundle.css/style.bundle2.css
   so these rules win the cascade at equal specificity. Values mirror the
   5-stop gradient system (main.css --gradient-base): purple #9333EA as the
   solid "primary" accent, deep purple #581C87 as "secondary", with an explicit
   background-image gradient on primary buttons since --bs-btn-bg only
   supports a plain background-color. */

:root, [data-bs-theme=light] {
    --bs-font-sans-serif: 'Manrope', sans-serif;
    --bs-body-bg: #060606;
    --bs-body-bg-rgb: 6, 6, 6;
    --bs-primary: #9333EA;
    --bs-primary-rgb: 147, 51, 234;
    --bs-secondary: #581C87;
    --bs-secondary-rgb: 88, 28, 135;
    --bs-primary-text-emphasis: #6b21a8;
    --bs-secondary-text-emphasis: #3b0764;
    --bs-primary-bg-subtle: #f3e8ff;
    --bs-secondary-bg-subtle: #e9d5ff;
    --bs-primary-border-subtle: #d8b4fe;
    --bs-secondary-border-subtle: #c084fc;
    --bs-link-color: #9333EA;
    --bs-link-hover-color: #7E22CE;
    /* style.bundle.css hardcodes this to a bright blue (rgba(62,151,255,.25))
       for the Bootstrap 5.3 focus-ring glow on inputs/buttons/checkboxes. */
    --bs-focus-ring-color: rgba(147, 51, 234, 0.25);
}

.form-control:focus {
    border-color: #9333EA;
}

[data-bs-theme=dark] {
    --bs-body-bg: #060606;
    --bs-body-bg-rgb: 6, 6, 6;
    --bs-primary: #9333EA;
    --bs-primary-rgb: 147, 51, 234;
    --bs-secondary: #581C87;
    --bs-secondary-rgb: 88, 28, 135;
    --bs-primary-active: #a855f7;
    --bs-secondary-active: #7e22ce;
    --bs-primary-light: #2e1065;
    --bs-secondary-light: #1e0836;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #ffffff;
    --bs-text-primary: #c084fc;
    --bs-text-secondary: #c4b5fd;
    --bs-primary-text-emphasis: #c084fc;
    --bs-secondary-text-emphasis: #c4b5fd;
    --bs-primary-bg-subtle: #2e1065;
    --bs-secondary-bg-subtle: #1e0836;
    --bs-primary-border-subtle: #6b21a8;
    --bs-secondary-border-subtle: #3b0764;
    --bs-link-color: #c084fc;
    --bs-link-hover-color: #d8b4fe;
    --bs-component-active-bg: #9333EA;
    --bs-component-hover-color: #9333EA;
    --bs-component-checked-bg: #9333EA;
    --bs-scrolltop-bg-color: #9333EA;
    --bs-scrolltop-bg-color-hover: #7E22CE;
    --bs-menu-link-color-hover: #c084fc;
    --bs-menu-link-color-show: #c084fc;
    --bs-menu-link-color-here: #c084fc;
    --bs-menu-link-color-active: #c084fc;
    --bs-ribbon-label-bg: #9333EA;
}

body {
    background-color: #060606 !important;
}

.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
    background-color: #9333EA;
    border-color: #9333EA;
}

.form-range::-webkit-slider-thumb {
    background-color: #9333EA;
}

.form-range::-moz-range-thumb {
    background-color: #9333EA;
}

.btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #9333EA;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #7E22CE;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #581C87;
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #9333EA;
    --bs-btn-disabled-border-color: transparent;
    background-image: linear-gradient(135deg, #C084FC 0%, #A855F7 25%, #9333EA 55%, #7E22CE 78%, #581C87 100%);
    border: none;
    transition: filter 0.25s ease, transform 0.25s ease;
}

.btn-primary:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
}

.btn-outline-primary {
    --bs-btn-color: #9333EA;
    --bs-btn-border-color: #9333EA;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #9333EA;
    --bs-btn-hover-border-color: #9333EA;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #9333EA;
    --bs-btn-active-border-color: #9333EA;
    --bs-btn-disabled-color: #9333EA;
    --bs-btn-disabled-border-color: #9333EA;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #9333EA;
}

.progress, .progress-stacked {
    --bs-progress-bar-bg: #9333EA;
}

.separator.separator-content.border-primary::after,
.separator.separator-content.border-primary::before {
    border-color: #9333EA !important;
}