/* Styles communs du projet : le thème vient des bundles Metronic (public/theme/), ce fichier n'en porte que les compléments (C6-R30 : aucune couleur en dur, les variables --bs-* du thème) */

/*
 * Une seule couleur pour tout le site (retour de recette R3 de MP-28, A-45 amendé) : la primaire de Metronic passe du
 * bleu à l'Encre du front (jetons --front-* de front.css). Les composantes RVB s'écrivent en nombres : Bootstrap les
 * attend ainsi (Encre 18, 56, 43 ; Encre assombrie 14, 45, 34).
 */
:root {
    --bs-primary: var(--front-ink);
    --bs-primary-active: var(--front-ink-deep);
    --bs-primary-light: var(--front-mist);
    --bs-primary-inverse: var(--front-paper);
    --bs-primary-clarity: color-mix(in srgb, var(--front-ink) 20%, transparent);
    --bs-primary-rgb: 18, 56, 43;
    --bs-primary-bg-subtle: var(--front-mist);
    --bs-primary-border-subtle: color-mix(in srgb, var(--front-ink) 30%, var(--front-paper));
    --bs-primary-text-emphasis: var(--front-ink-deep);
    --bs-text-primary: var(--front-ink);
    --bs-link-color: var(--front-ink);
    --bs-link-color-rgb: 18, 56, 43;
    --bs-link-hover-color: var(--front-ink-deep);
    --bs-link-hover-color-rgb: 14, 45, 34;
    --bs-focus-ring-color: color-mix(in srgb, var(--front-ink) 25%, transparent);
    --bs-component-active-bg: var(--front-ink);
    --bs-component-hover-color: var(--front-ink);
    --bs-component-checked-bg: var(--front-ink);
    --bs-menu-link-color-hover: var(--front-ink);
    --bs-menu-link-color-show: var(--front-ink);
    --bs-menu-link-color-here: var(--front-ink);
    --bs-menu-link-color-active: var(--front-ink);
}

/* Là où Bootstrap a figé le bleu à la compilation : les cases cochées (thème de formulaire bootstrap_5_layout) et le
   survol de .link-primary (posé en !important : seul un !important le remplace) */
.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
    border-color: var(--bs-primary);
    background-color: var(--bs-primary);
}

.link-primary:hover,
.link-primary:focus {
    color: var(--bs-primary-active) !important;
    text-decoration-color: var(--bs-primary-active) !important;
}

/* La barre latérale sombre de la démo 1 passe du noir à l'Encre assombrie, comme le haut de page du front ; ses gris,
   faits pour le noir, suivent */
[data-kt-app-layout=dark-sidebar] .app-sidebar,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu-sub-lg-dropdown {
    background-color: var(--front-ink-deep);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-logo {
    border-bottom-color: color-mix(in srgb, var(--front-paper) 15%, transparent);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
    color: var(--front-on-ink);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
    background-color: color-mix(in srgb, var(--front-paper) 12%, transparent);
}