/*!
 * Surcharges de marque du theme Front.
 *
 * Ce fichier est charge apres public/css/theme.css et n'y remplace que les
 * declarations portant une couleur de la famille primaire, en les rattachant
 * aux variables CSS injectees par layouts/partials/brand-css.blade.php.
 *
 * Chaque valeur conserve son litteral d'origine comme repli : sans variable
 * injectee, le rendu est strictement identique au theme.
 *
 * Il est generique et ne contient aucune valeur propre a une marque : une
 * nouvelle marque se configure entierement par variables d'environnement,
 * sans jamais dupliquer ce fichier ni le theme.
 *
 * Correspondance des litteraux du theme (nuances HSL de la couleur primaire) :
 *   #377dff  ->  --brand-primary
 *   #0052ea  ->  --brand-primary-hover
 *   #045cff  ->  --brand-primary-hover-bg
 *   #1164ff  ->  --brand-primary-hover-border
 *   #0056f6  ->  --brand-primary-active-border
 *   #1366ff  ->  --brand-primary-emphasis
 *   #1e6cff  ->  --brand-primary-divider
 *   #eaf1ff  ->  --brand-primary-tint
 *   #c7dbff  ->  --brand-primary-subtle
 *   #d7e5ff  ->  --brand-primary-subtle-border
 *   #aecbff  ->  --brand-primary-subtle-hover
 *   #97bbff  ->  --brand-primary-subtle-strong
 *   rgba(55, 125, 255, a)  ->  rgba(var(--brand-primary-rgb, 55, 125, 255), a)
 *
 * Regeneration : reextraire de theme.css toute declaration citant ces
 * litteraux, en conservant selecteurs, requetes de media et !important.
 */

a {
  color: var(--brand-primary, #377dff);
}
a:hover {
  color: var(--brand-primary-hover, #0052ea);
}
.table-primary, .table-primary > th, .table-primary > td {
  background-color: var(--brand-primary-subtle, #c7dbff);
}
.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {
  border-color: var(--brand-primary-subtle-strong, #97bbff);
}
.table-hover .table-primary:hover {
  background-color: var(--brand-primary-subtle-hover, #aecbff);
}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
  background-color: var(--brand-primary-subtle-hover, #aecbff);
}
.form-control:focus {
  border-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.4);
  box-shadow: 0 0 10px rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.btn:focus, .btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb, 55, 125, 255), 0.25);
}
.btn-primary {
  background-color: var(--brand-primary, #377dff);
  border-color: var(--brand-primary, #377dff);
}
.btn-primary:hover {
  background-color: var(--brand-primary-hover-border, #1164ff);
  border-color: var(--brand-primary-hover-bg, #045cff);
}
.btn-primary:focus, .btn-primary.focus {
  background-color: var(--brand-primary-hover-border, #1164ff);
  border-color: var(--brand-primary-hover-bg, #045cff);
}
.btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--brand-primary, #377dff);
  border-color: var(--brand-primary, #377dff);
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  background-color: var(--brand-primary-hover-bg, #045cff);
  border-color: var(--brand-primary-active-border, #0056f6);
}
.btn-outline-primary {
  color: var(--brand-primary, #377dff);
  border-color: var(--brand-primary, #377dff);
}
.btn-outline-primary:hover {
  background-color: var(--brand-primary, #377dff);
  border-color: var(--brand-primary, #377dff);
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb, 55, 125, 255), 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: var(--brand-primary, #377dff);
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  background-color: var(--brand-primary, #377dff);
  border-color: var(--brand-primary, #377dff);
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb, 55, 125, 255), 0.5);
}
.btn-link {
  color: var(--brand-primary, #377dff);
}
.btn-link:hover {
  color: var(--brand-primary-hover, #0052ea);
}
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--brand-primary, #377dff);
  background-color: var(--brand-primary, #377dff);
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 10px rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.4);
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: var(--brand-primary-tint, #eaf1ff);
  border-color: var(--brand-primary-tint, #eaf1ff);
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: var(--brand-primary, #377dff);
  background-color: var(--brand-primary, #377dff);
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.5);
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.5);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.5);
}
.custom-select:focus {
  border-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.4);
  box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb, 55, 125, 255), 0.25);
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.4);
  box-shadow: 0 0 10px rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 10px rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 10px rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 10px rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.custom-range::-webkit-slider-thumb {
  background-color: var(--brand-primary, #377dff);
}
.custom-range::-webkit-slider-thumb:active {
  background-color: var(--brand-primary-tint, #eaf1ff);
}
.custom-range::-moz-range-thumb {
  background-color: var(--brand-primary, #377dff);
}
.custom-range::-moz-range-thumb:active {
  background-color: var(--brand-primary-tint, #eaf1ff);
}
.custom-range::-ms-thumb {
  background-color: var(--brand-primary, #377dff);
}
.custom-range::-ms-thumb:active {
  background-color: var(--brand-primary-tint, #eaf1ff);
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: var(--brand-primary, #377dff);
  border-color: transparent transparent var(--brand-primary, #377dff);
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: var(--brand-primary, #377dff);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: var(--brand-primary-hover, #0052ea);
}
.page-link:hover {
  color: var(--brand-primary, #377dff);
  background-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
  border-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.page-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb, 55, 125, 255), 0.25);
}
.page-item.active .page-link {
  background-color: var(--brand-primary, #377dff);
  border-color: var(--brand-primary, #377dff);
}
.badge-primary {
  background-color: var(--brand-primary, #377dff);
}
a.badge-primary:hover, a.badge-primary:focus {
  background-color: var(--brand-primary-hover-bg, #045cff);
}
a.badge-primary:focus, a.badge-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb, 55, 125, 255), 0.5);
}
.alert-primary {
  background-color: var(--brand-primary-subtle-border, #d7e5ff);
  border-color: var(--brand-primary-subtle, #c7dbff);
}
.alert-primary hr {
  border-top-color: var(--brand-primary-subtle-hover, #aecbff);
}
.progress-bar {
  background-color: var(--brand-primary, #377dff);
}
.list-group-item.active {
  background-color: var(--brand-primary, #377dff);
  border-color: var(--brand-primary, #377dff);
}
.list-group-item-primary {
  background-color: var(--brand-primary-subtle, #c7dbff);
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  background-color: var(--brand-primary-subtle-hover, #aecbff);
}
.bg-primary {
  background-color: var(--brand-primary, #377dff) !important;
}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
  background-color: var(--brand-primary-hover-bg, #045cff) !important;
}
.border-primary {
  border-color: var(--brand-primary, #377dff) !important;
}
.text-primary {
  color: var(--brand-primary, #377dff) !important;
}
a.text-primary:hover, a.text-primary:focus {
  color: var(--brand-primary-hover, #0052ea) !important;
}
::-moz-selection {
  background-color: var(--brand-primary, #377dff);
}
::selection {
  background-color: var(--brand-primary, #377dff);
}
.bg-primary ::-moz-selection {
  color: var(--brand-primary, #377dff);
}
.bg-primary ::selection {
  color: var(--brand-primary, #377dff);
}
.link-icon {
  color: var(--brand-primary, #377dff);
  background-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.link-underline:hover {
  border-color: var(--brand-primary-hover, #0052ea);
}
.navbar-nav-item:hover .nav-link, .navbar-nav-item:focus .nav-link {
  color: var(--brand-primary, #377dff);
}
.header .active > .nav-link {
  color: var(--brand-primary, #377dff);
}
.navbar-promo-link:hover .navbar-promo-title {
  color: var(--brand-primary, #377dff);
}
.navbar-expand .navbar-nav .dropdown-menu {
  border-top: 0.1875rem solid var(--brand-primary, #377dff);
}
@media (min-width: 576px) {
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    border-top: 0.1875rem solid var(--brand-primary, #377dff);
  }
}
@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav .dropdown-menu {
    border-top: 0.1875rem solid var(--brand-primary, #377dff);
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    border-top: 0.1875rem solid var(--brand-primary, #377dff);
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    border-top: 0.1875rem solid var(--brand-primary, #377dff);
  }
}
.alert-primary {
  background-color: var(--brand-primary, #377dff);
  border-color: var(--brand-primary, #377dff);
}
.alert-primary hr {
  border-top-color: var(--brand-primary-divider, #1e6cff);
}
.alert-soft-primary {
  color: var(--brand-primary, #377dff);
  background-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.alert-soft-primary .alert-link {
  color: var(--brand-primary, #377dff);
}
.alert-soft-primary .alert-link:hover {
  color: var(--brand-primary-emphasis, #1366ff);
}
.avatar-primary {
  background-color: var(--brand-primary, #377dff);
}
.avatar-soft-primary {
  color: var(--brand-primary, #377dff);
  background-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.badge-soft-primary {
  color: var(--brand-primary, #377dff);
  background-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
a.badge-soft-primary:hover, a.badge-soft-primary:focus {
  background-color: var(--brand-primary, #377dff);
}
.btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white:active, .btn-white.active {
  color: var(--brand-primary-hover, #0052ea);
}
.btn-primary[href]:hover, .btn-primary[href]:focus, .btn-primary[href]:active, .btn-primary[type]:hover, .btn-primary[type]:focus, .btn-primary[type]:active {
  box-shadow: 0 4px 11px rgba(var(--brand-primary-rgb, 55, 125, 255), 0.35);
}
.btn-primary:not(label.btn), .btn-primary:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-primary:not([href]), .btn-primary:not([href]):not([href]):not(:disabled):not(.disabled) {
  background-color: var(--brand-primary, #377dff);
  border-color: var(--brand-primary, #377dff);
}
.btn-primary:hover {
  background-color: var(--brand-primary, #377dff);
  border-color: var(--brand-primary, #377dff);
}
.btn-custom-toggle-primary:hover {
  color: var(--brand-primary, #377dff);
  border-color: var(--brand-primary, #377dff);
}
.btn-custom-toggle-primary:not(:disabled):not(.disabled):active, .btn-custom-toggle-primary:not(:disabled):not(.disabled).active, .btn-custom-toggle-primary:not(:disabled):not(.disabled):active, .btn-custom-toggle-primary:not(:disabled):not(.disabled).active {
  background-color: var(--brand-primary, #377dff);
  border-color: var(--brand-primary, #377dff);
}
.btn-soft-primary {
  color: var(--brand-primary, #377dff);
  background-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.btn-soft-primary:hover, .btn-soft-primary:focus, .btn-soft-primary:active, .btn-soft-primary.active {
  background-color: var(--brand-primary, #377dff);
  box-shadow: 0 4px 11px rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.btn-soft-primary.disabled, .btn-soft-primary:disabled {
  color: var(--brand-primary, #377dff);
  background-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.btn-soft-primary:not(:disabled):not(.disabled):active, .btn-soft-primary:not(:disabled):not(.disabled).active, .show > .btn-soft-primary.dropdown-toggle {
  background-color: var(--brand-primary, #377dff);
}
.btn-ghost-primary {
  color: var(--brand-primary, #377dff);
}
.btn-ghost-primary:hover, .btn-ghost-primary:focus, .btn-ghost-primary:active, .btn-ghost-primary.active {
  color: var(--brand-primary, #377dff);
  background-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.btn-ghost-secondary:hover, .btn-ghost-secondary:focus, .btn-ghost-secondary:active, .btn-ghost-secondary.active {
  background-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.btn-ghost-secondary:hover, .btn-ghost-secondary:focus, .btn-ghost-secondary:active {
  color: var(--brand-primary, #377dff);
}
.btn-group-segment .btn:hover {
  color: var(--brand-primary, #377dff);
}
.card-frame-highlighted, .card-frame:hover {
  border-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.7);
}
.card-btn-toggle {
  color: var(--brand-primary, #377dff);
}
.card-dashed:hover {
  border-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.7);
}
.card-dashed:hover .card-dashed-body {
  color: var(--brand-primary-hover, #0052ea);
}
.dropdown-item:hover {
  color: var(--brand-primary, #377dff);
}
.dropdown-item.active {
  color: var(--brand-primary, #377dff);
}
.custom-select:focus, .form-control:focus {
  box-shadow: 0 0 10px rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.bookmark-checkbox-input:checked ~ .bookmark-checkbox-label {
  background-color: var(--brand-primary, #377dff);
  box-shadow: 0 3px 6px 0 rgba(var(--brand-primary-rgb, 55, 125, 255), 0.25);
}
.checkbox-outline-input:checked ~ .checkbox-outline-label {
  border-color: var(--brand-primary, #377dff);
}
.checkbox-icon-input:checked ~ .checkbox-icon-label::after {
  color: var(--brand-primary, #377dff);
  border-color: var(--brand-primary, #377dff);
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  border-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0);
}
.toggle-switch-input:checked + .toggle-switch-label {
  background-color: var(--brand-primary, #377dff);
}
.toggle-switch-input:checked:disabled + .toggle-switch-label {
  background-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.5);
}
.go-to:hover, .go-to:focus:hover {
  background-color: var(--brand-primary, #377dff);
}
.icon-primary {
  border-color: var(--brand-primary, #377dff);
  background-color: var(--brand-primary, #377dff);
}
.icon-soft-primary {
  color: var(--brand-primary, #377dff);
  background: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.media-viewer-icon {
  background-color: var(--brand-primary, #377dff);
}
.video-player-btn:hover .video-player-icon {
  color: var(--brand-primary, #377dff);
}
.navbar-vertical .nav-tabs .active.nav-link, .navbar-vertical .nav-tabs .active .nav-link {
  border-left-color: var(--brand-primary, #377dff);
}
.nav .nav-link:not(.active):hover {
  color: var(--brand-primary, #377dff);
}
.nav:not(.nav-pills) .nav-link.active {
  color: var(--brand-primary, #377dff);
}
.nav-classic .nav-link:hover {
  color: var(--brand-primary, #377dff);
}
.nav-classic .nav-link.active {
  color: var(--brand-primary, #377dff);
  border-bottom-color: var(--brand-primary, #377dff);
}
.nav-white .nav-link.active {
  color: var(--brand-primary, #377dff);
}
.nav-box .nav-link.active {
  color: var(--brand-primary, #377dff);
}
.nav-segment .nav-link:hover {
  color: var(--brand-primary, #377dff);
}
.slick-arrow:hover {
  background-color: var(--brand-primary, #377dff);
}
.slick-arrow-primary {
  background-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.8);
}
.slick-arrow-soft-white:hover {
  background-color: var(--brand-primary, #377dff);
}
.slick-dots .dot-line-helper {
  background-color: var(--brand-primary, #377dff);
}
.slick-pagination li span {
  background-color: var(--brand-primary, #377dff);
}
.slick-pagination li.slick-active span {
  border-color: var(--brand-primary, #377dff);
}
.slick-pagination-interactive .slick-center .slick-pagination-interactive-title {
  color: var(--brand-primary, #377dff);
}
.slick-pagination-line.slick-dots-ready .slick-current .slick-pagination-line-progress-helper {
  background-color: var(--brand-primary, #377dff);
}
.step .active .step-icon, .step .active.is-valid .step-icon {
  background-color: var(--brand-primary, #377dff);
}
.step-icon-primary {
  background-color: var(--brand-primary, #377dff);
}
.step-icon-soft-primary {
  color: var(--brand-primary, #377dff);
  background-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.step-icon-soft-primary.step-icon-pseudo::before {
  background-color: var(--brand-primary, #377dff);
}
.text-highlight-primary {
  background-image: linear-gradient(
    to bottom,
    rgba(var(--brand-primary-rgb, 55, 125, 255), 0.5) 0%,
    rgba(var(--brand-primary-rgb, 55, 125, 255), 0.5) 100%
  );
}
.gradient-y-sm-primary {
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(var(--brand-primary-rgb, 55, 125, 255), 0.075) 100%
  );
}
.bg-soft-primary {
  background-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.shadow-primary-lg {
  box-shadow: 0px 0px 50px rgba(var(--brand-primary-rgb, 55, 125, 255), 0.4) !important;
}
.text-muted[href]:hover, .text-body[href]:hover {
  color: var(--brand-primary-hover, #0052ea) !important;
}
a:hover .text-hover-primary {
  color: var(--brand-primary-hover, #0052ea) !important;
}
.cbp-filter-item-active.label.label-soft-secondary {
  background-color: var(--brand-primary, #377dff);
}
.cbp-filter-item-active.nav-link {
  color: var(--brand-primary, #377dff);
}
.dz-dropzone .dz-file-initials {
  color: var(--brand-primary, #377dff);
  background-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.fancybox-theme .fancybox-progress {
  background-color: var(--brand-primary, #377dff);
}
.quill-custom .ql-snow.ql-toolbar button:hover {
  color: var(--brand-primary, #377dff);
}
.quill-custom .ql-snow .ql-tooltip a.ql-preview:hover {
  border-color: var(--brand-primary, #377dff);
}
.quill-custom .ql-snow .ql-tooltip.ql-editing input[type="text"]:focus {
  border-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.4);
  box-shadow: 0 0 10px rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.quill-custom .ql-snow .ql-action {
  background-color: var(--brand-primary, #377dff);
}
.quill-custom .ql-snow .ql-action:hover {
  background-color: var(--brand-primary-emphasis, #1366ff);
}
.quill-custom .ql-snow .ql-tooltip a.ql-remove:hover {
  color: var(--brand-primary-hover, #0052ea);
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.4);
  box-shadow: 0 0 10px rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.4);
}
.range-slider .irs-bar {
  background-color: var(--brand-primary, #377dff);
}
.range-slider .irs-bar-edge {
  background-color: var(--brand-primary, #377dff);
}
.range-slider-grid .irs-grid-text.current {
  background: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
  color: var(--brand-primary, #377dff);
}
.tagify.tagify--focus {
  border-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.4);
}
.tagify__dropdown__item--active {
  color: var(--brand-primary, #377dff);
  background-color: rgba(var(--brand-primary-rgb, 55, 125, 255), 0.1);
}

/* Composants UIkit : la couleur d'accent du framework suit egalement la marque. */
.uk-button-primary {
  background-color: var(--brand-primary, #1e87f0);
}

.uk-button-primary:hover,
.uk-button-primary:focus {
  background-color: var(--brand-primary-hover-bg, #0f7ae5);
}

.uk-button-primary:active,
.uk-button-primary.uk-active {
  background-color: var(--brand-primary-hover, #0e6dcd);
}

.uk-text-primary {
  color: var(--brand-primary, #1e87f0) !important;
}