/* 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): orange #FF6A00 as the
   solid "primary" accent, blue #1D4ED8 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: #FF6A00;
    --bs-primary-rgb: 255, 106, 0;
    --bs-secondary: #1D4ED8;
    --bs-secondary-rgb: 29, 78, 216;
    --bs-primary-text-emphasis: #a34500;
    --bs-secondary-text-emphasis: #142f82;
    --bs-primary-bg-subtle: #ffe4cc;
    --bs-secondary-bg-subtle: #d6e0fa;
    --bs-primary-border-subtle: #ffb87a;
    --bs-secondary-border-subtle: #9db6f0;
    --bs-link-color: #FF6A00;
    --bs-link-hover-color: #C13B7A;
}

[data-bs-theme=dark] {
    --bs-body-bg: #060606;
    --bs-body-bg-rgb: 6, 6, 6;
    --bs-primary: #FF6A00;
    --bs-primary-rgb: 255, 106, 0;
    --bs-secondary: #1D4ED8;
    --bs-secondary-rgb: 29, 78, 216;
    --bs-primary-active: #ff8a33;
    --bs-secondary-active: #3d6bf0;
    --bs-primary-light: #33200f;
    --bs-secondary-light: #101d3d;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #ffffff;
    --bs-text-primary: #ff8a33;
    --bs-text-secondary: #6f92f0;
    --bs-primary-text-emphasis: #ff8a33;
    --bs-secondary-text-emphasis: #6f92f0;
    --bs-primary-bg-subtle: #33200f;
    --bs-secondary-bg-subtle: #101d3d;
    --bs-primary-border-subtle: #a34500;
    --bs-secondary-border-subtle: #142f82;
    --bs-link-color: #ff8a33;
    --bs-link-hover-color: #ffa963;
    --bs-component-active-bg: #FF6A00;
    --bs-component-hover-color: #FF6A00;
    --bs-component-checked-bg: #FF6A00;
    --bs-scrolltop-bg-color: #FF6A00;
    --bs-scrolltop-bg-color-hover: #C13B7A;
    --bs-menu-link-color-hover: #ff8a33;
    --bs-menu-link-color-show: #ff8a33;
    --bs-menu-link-color-here: #ff8a33;
    --bs-menu-link-color-active: #ff8a33;
    --bs-ribbon-label-bg: #FF6A00;
}

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

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

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

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

.btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #FF6A00;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #C13B7A;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #1D4ED8;
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #FF6A00;
    --bs-btn-disabled-border-color: transparent;
    background-image: linear-gradient(135deg, #FF6A00 0%, #F24E3D 25%, #C13B7A 55%, #6F3CC3 78%, #1D4ED8 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: #FF6A00;
    --bs-btn-border-color: #FF6A00;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #FF6A00;
    --bs-btn-hover-border-color: #FF6A00;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #FF6A00;
    --bs-btn-active-border-color: #FF6A00;
    --bs-btn-disabled-color: #FF6A00;
    --bs-btn-disabled-border-color: #FF6A00;
}

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

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

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