/* Destaque dos botões do painel do caleidoscópio (Identidade › "Destaque dos botões do caleidoscópio").
   A marca data-destaque vem de entrada-destaque.js; ela manda no lugar do aria-pressed="true" do entrada.css.
   Mesmos tons do entrada.css: tom suave, hover mais forte, cheio = cor do texto no fundo. */
.lii-overlay .lce-btn[data-destaque="0"],.lii-overlay .lce-btn[data-destaque="0"]:focus{background:color-mix(in srgb,var(--lce-panel-bg) 86%,var(--lce-tint));color:var(--lii-overlay-ink)}
.lii-overlay .lce-btn[data-destaque="0"]:hover{background:color-mix(in srgb,var(--lce-panel-bg) 76%,var(--lce-tint));color:var(--lii-overlay-ink)}
.lii-overlay .lce-btn[data-destaque="1"],.lii-overlay .lce-btn[data-destaque="1"]:hover,.lii-overlay .lce-btn[data-destaque="1"]:focus{background:var(--lii-overlay-ink);color:var(--lii-overlay-bg)}