/* Explicit interaction colours also work in browsers without color-mix(). */
html[data-tms-theme]{
  --accent-hover:#0f64d9;
  --accent-soft:#edf4ff;
}
html[data-tms-theme="navy"]{--accent-hover:#1c527b;--accent-soft:#edf3f7;}
html[data-tms-theme="indigo"]{--accent-hover:#5545a3;--accent-soft:#f2effa;}
html[data-tms-theme="graphite"]{--accent-hover:#374151;--accent-soft:#f1f3f5;}
html[data-tms-theme] .tms-primary-action:is(:hover,:focus-visible,:active),
html[data-tms-theme] #c button.tms-primary-action:is(:hover,:focus-visible,:active),
html[data-tms-theme] .modal button.tms-primary-action:is(:hover,:focus-visible,:active){
  background:#0f64d9!important;
  background:var(--accent-hover,#0f64d9)!important;
  border-color:var(--accent-hover,#0f64d9)!important;
  color:#fff!important;
}
html[data-tms-theme] .tms-primary-action:is(:hover,:focus-visible,:active) :is(i,span){color:inherit!important;}