/* Generated by local-dev/tools/gen-primary.py from style.css: the template purple as a variable. */
:root { --cho-primary: #863efa; --cho-primary-rgb: 134, 62, 250; --cho-primary-text: #fff; }
:root,
[data-bs-theme=light] { --bs-primary: var(--cho-primary); --bs-primary-rgb: var(--cho-primary-rgb); --bs-link-color: var(--cho-primary); --bs-link-color-rgb: var(--cho-primary-rgb); --bs-link-hover-color: color-mix(in srgb, var(--cho-primary) 80%, #000); }
[data-bs-theme=dark] { --bs-link-color: var(--cho-primary); --bs-link-hover-color: color-mix(in srgb, var(--cho-primary) 80%, #000); --bs-link-color-rgb: var(--cho-primary-rgb); }
.form-control:focus { -webkit-box-shadow: 0 0 0 0 rgba(var(--cho-primary-rgb), 0.25); box-shadow: 0 0 0 0 rgba(var(--cho-primary-rgb), 0.25); }
.form-select:focus { -webkit-box-shadow: 0 0 0 0 rgba(var(--cho-primary-rgb), 0.25); box-shadow: 0 0 0 0 rgba(var(--cho-primary-rgb), 0.25); }
.form-check-input:focus { -webkit-box-shadow: 0 0 0 0 rgba(var(--cho-primary-rgb), 0.25); box-shadow: 0 0 0 0 rgba(var(--cho-primary-rgb), 0.25); }
.form-check-input:checked { background-color: var(--cho-primary); border-color: var(--cho-primary); }
.form-check-input[type=checkbox]:indeterminate { background-color: var(--cho-primary); border-color: var(--cho-primary); }
.form-range:focus::-webkit-slider-thumb { -webkit-box-shadow: 0 0 0 1px #eff1f3, 0 0 0 0 rgba(var(--cho-primary-rgb), 0.25); box-shadow: 0 0 0 1px #eff1f3, 0 0 0 0 rgba(var(--cho-primary-rgb), 0.25); }
.form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #eff1f3, 0 0 0 0 rgba(var(--cho-primary-rgb), 0.25); }
.form-range::-webkit-slider-thumb { background-color: var(--cho-primary); }
.form-range::-moz-range-thumb { background-color: var(--cho-primary); }
.btn-primary { --bs-btn-bg: var(--cho-primary); --bs-btn-border-color: var(--cho-primary); --bs-btn-hover-bg: color-mix(in srgb, var(--cho-primary) 85%, #000); --bs-btn-hover-border-color: color-mix(in srgb, var(--cho-primary) 80%, #000); --bs-btn-focus-shadow-rgb: var(--cho-primary-rgb); --bs-btn-active-bg: color-mix(in srgb, var(--cho-primary) 80%, #000); --bs-btn-active-border-color: color-mix(in srgb, var(--cho-primary) 75%, #000); --bs-btn-disabled-bg: var(--cho-primary); --bs-btn-disabled-border-color: var(--cho-primary); }
.btn-outline-primary { --bs-btn-color: var(--cho-primary); --bs-btn-border-color: var(--cho-primary); --bs-btn-hover-bg: var(--cho-primary); --bs-btn-hover-border-color: var(--cho-primary); --bs-btn-focus-shadow-rgb: var(--cho-primary-rgb); --bs-btn-active-bg: var(--cho-primary); --bs-btn-active-border-color: var(--cho-primary); --bs-btn-disabled-color: var(--cho-primary); --bs-btn-disabled-border-color: var(--cho-primary); }
.dropdown-menu { --bs-dropdown-link-hover-color: var(--cho-primary); --bs-dropdown-link-active-color: var(--cho-primary); }
.dropdown-menu-dark { --bs-dropdown-link-active-color: var(--cho-primary); }
.nav-link:focus-visible { -webkit-box-shadow: rgba(var(--cho-primary-rgb), 0.25); box-shadow: rgba(var(--cho-primary-rgb), 0.25); }
.nav-pills { --bs-nav-pills-link-active-bg: var(--cho-primary); }
.navbar { --bs-navbar-hover-color: var(--cho-primary); --bs-navbar-active-color: var(--cho-primary); }
.navbar-dark,
.navbar[data-bs-theme=dark] { --bs-navbar-hover-color: var(--cho-primary) !important; --bs-navbar-active-color: var(--cho-primary) !important; }
.accordion { --bs-accordion-btn-focus-box-shadow: 0 0 0 0 rgba(var(--cho-primary-rgb), 0.25); }
.pagination { --bs-pagination-hover-bg: var(--cho-primary); --bs-pagination-hover-border-color: var(--cho-primary); --bs-pagination-focus-box-shadow: 0 0 0 0 rgba(var(--cho-primary-rgb), 0.25); --bs-pagination-active-bg: var(--cho-primary); --bs-pagination-active-border-color: var(--cho-primary); }
.list-group { --bs-list-group-active-bg: var(--cho-primary); --bs-list-group-active-border-color: var(--cho-primary); }
.btn-close { --bs-btn-close-focus-shadow: 0 0 0 0 rgba(var(--cho-primary-rgb), 0.25); }
.fill-primary { fill: var(--cho-primary) !important; }
.breadcrumb-item a:hover { color: var(--cho-primary); }
.breadcrumb.breadcrumb-dark .breadcrumb-item a:hover { color: var(--cho-primary); }
.breadcrumb.breadcrumb-dark .breadcrumb-item.active { color: var(--cho-primary); }
.btn-primary-soft { color: var(--cho-primary); background-color: rgba(var(--cho-primary-rgb), 0.1); }
.btn-primary-soft:hover { background-color: var(--cho-primary); }
.btn-check:checked + .btn-vote { color: var(--cho-primary); }
.list-group-borderless a.list-group-item:hover { color: var(--cho-primary); }
.nav .nav-item .nav-link.active { color: var(--cho-primary); }
.nav-pills-primary-soft .nav-link.active, .nav-pills-primary-soft .show > .nav-link { color: var(--cho-primary) !important; background-color: rgba(var(--cho-primary-rgb), 0.1); }
.nav-border-end .nav-link.active { color: var(--cho-primary); border-right: 3px solid var(--cho-primary); }
.nav.nav-bottom-line .nav-link.active { color: var(--cho-primary); border-bottom: 3px solid var(--cho-primary); }
.pagination-primary-soft .page-link:hover { background-color: rgba(var(--cho-primary-rgb), 0.1); }
h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover, .h1 > a:hover, .h2 > a:hover, .h3 > a:hover, .h4 > a:hover, .h5 > a:hover, .h6 > a:hover { color: var(--cho-primary); }
.bg-primary-soft-hover:hover { background-color: rgba(var(--cho-primary-rgb), 0.1); }
.input-borderless .form-control:focus { border: 1px solid var(--cho-primary) !important; }
.input-bg-light .form-control:focus { border: 1px solid var(--cho-primary) !important; }
.plyr__control--overlaid,
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true],
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true],
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { background: var(--cho-primary); }
.plyr--full-ui input[type=range] { color: var(--cho-primary); }
.blockquote-line-primary:after { background-color: var(--cho-primary); }
.avatar-uploader .avatar-edit input + label:hover { background: var(--cho-primary); border-color: var(--cho-primary); }
.text-primary-hover a:hover { color: var(--cho-primary) !important; }
a.text-primary-hover:hover, button.text-primary-hover:hover { color: var(--cho-primary) !important; }
a.text-primary-hover.active, button.text-primary-hover.active { color: var(--cho-primary) !important; }
.text-primary-hover li:hover { color: var(--cho-primary) !important; }
[data-bs-theme=dark] .alert-primary { --bs-alert-bg: rgba(var(--cho-primary-rgb), .05); --bs-alert-border-color: rgba(var(--cho-primary-rgb), .25); --bs-alert-color: rgba(var(--cho-primary-rgb), 0.8); }

/* Text on primary backgrounds follows the chosen colour (dark on light colours). */
.btn-primary { --bs-btn-color: var(--cho-primary-text); --bs-btn-hover-color: var(--cho-primary-text); --bs-btn-active-color: var(--cho-primary-text); --bs-btn-disabled-color: var(--cho-primary-text); }
.btn-outline-primary { --bs-btn-hover-color: var(--cho-primary-text); --bs-btn-active-color: var(--cho-primary-text); }
.btn-primary-soft:hover, .btn-primary-soft:focus { color: var(--cho-primary-text); }
.nav-pills { --bs-nav-pills-link-active-color: var(--cho-primary-text); }
.pagination { --bs-pagination-hover-color: var(--cho-primary-text); --bs-pagination-active-color: var(--cho-primary-text); }
.bg-primary { color: var(--cho-primary-text); }