/*
 * Brand palette.
 *
 * Modernize ships six colour themes; the app runs on Orange_Theme
 * (see config/app.php -> app.color_theme). This file re-points that theme's
 * tokens at the OneSpot brand palette and fixes the places where the vendor
 * build hardcoded its default blue instead of reading --bs-primary.
 *
 * Loaded after styles.css, so equal-specificity selectors win. Keep the
 * selectors identical to the vendor ones — do not raise specificity, or the
 * theme switcher in the customizer stops working for the other themes.
 *
 *   primary   #a11d21  deep crimson  — brand
 *   secondary #0f6e78  deep teal     — cool counterweight, keeps the theme's
 *                                      "warm primary / cool secondary" pairing
 *                                      and stays clear of the salmon --bs-danger
 */

/* ------------------------------------------------------------------ */
/* 1. Orange_Theme tokens                                             */
/* ------------------------------------------------------------------ */
[data-bs-theme=dark][data-color-theme=Orange_Theme]:root,
[data-bs-theme=light][data-color-theme=Orange_Theme]:root {
    --bs-primary: #a11d21;
    --bs-primary-rgb: 161, 29, 33;
    --bs-light-primary: rgba(161, 29, 33, 0.1);
    --bs-primary-bg-subtle: rgba(161, 29, 33, 0.1);
    --bs-primary-border-subtle: rgba(161, 29, 33, 0.25);
    --bs-primary-text-emphasis: #6d1417;

    --bs-secondary: #0f6e78;
    --bs-secondary-rgb: 15, 110, 120;
    --bs-light-secondary: rgba(15, 110, 120, 0.1);
    --bs-secondary-bg-subtle: rgba(15, 110, 120, 0.1);
    --bs-secondary-border-subtle: rgba(15, 110, 120, 0.25);
    --bs-secondary-text-emphasis: #0b535a;

    /* Hand-picked shades — referenced by the button rules below. */
    --brand-primary-hover: #89191c;
    --brand-primary-active: #7d171a;
    --brand-secondary-hover: #0d5e66;
    --brand-secondary-active: #0b535a;
}

/* ------------------------------------------------------------------ */
/* 2. Buttons — the vendor only themed bg/border/hover, so active,     */
/*    focus-ring and disabled states were left on the default blue.    */
/* ------------------------------------------------------------------ */
[data-bs-theme=dark][data-color-theme=Orange_Theme]:root .btn-primary,
[data-bs-theme=light][data-color-theme=Orange_Theme]:root .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #a11d21;
    --bs-btn-border-color: #a11d21;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #89191c;
    --bs-btn-hover-border-color: #89191c;
    --bs-btn-focus-shadow-rgb: 161, 29, 33;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7d171a;
    --bs-btn-active-border-color: #7d171a;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #a11d21;
    --bs-btn-disabled-border-color: #a11d21;
}

[data-bs-theme=dark][data-color-theme=Orange_Theme]:root .btn-secondary,
[data-bs-theme=light][data-color-theme=Orange_Theme]:root .btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0f6e78;
    --bs-btn-border-color: #0f6e78;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d5e66;
    --bs-btn-hover-border-color: #0d5e66;
    --bs-btn-focus-shadow-rgb: 15, 110, 120;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0b535a;
    --bs-btn-active-border-color: #0b535a;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0f6e78;
    --bs-btn-disabled-border-color: #0f6e78;
}

/* ------------------------------------------------------------------ */
/* 3. Vendor rules that hardcoded #5d87ff instead of var(--bs-primary) */
/*    — these stayed blue under every theme. Re-pointed at the token   */
/*    so they follow whichever theme is active, brand included.        */
/* ------------------------------------------------------------------ */
:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
    --bs-link-hover-color: var(--bs-primary);
}

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

.btn-outline-secondary {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-disabled-color: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: var(--bs-primary-border-subtle, var(--bs-primary));
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.form-range::-webkit-slider-thumb { background-color: var(--bs-primary); }
.form-range::-moz-range-thumb { background-color: var(--bs-primary); }

.nav-link:focus-visible {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

.nav-tabs {
    --bs-nav-tabs-link-active-bg: var(--bs-primary);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-primary);
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--bs-primary);
}

.accordion {
    --bs-accordion-btn-focus-border-color: var(--bs-primary-border-subtle, var(--bs-primary));
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

.pagination {
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
    --bs-pagination-active-bg: var(--bs-primary);
    --bs-pagination-active-border-color: var(--bs-primary);
}

.progress,
.progress-stacked {
    --bs-progress-bar-bg: var(--bs-primary);
}

.list-group {
    --bs-list-group-active-bg: var(--bs-primary);
    --bs-list-group-active-border-color: var(--bs-primary);
}

.btn-close {
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

body .ui-state-highlight {
    background-image: linear-gradient(45deg,
        rgba(var(--bs-primary-rgb), 0.09) 25%, transparent 25%,
        transparent 50%, rgba(var(--bs-primary-rgb), 0.09) 50%,
        rgba(var(--bs-primary-rgb), 0.09) 75%, transparent 75%, transparent);
}