/* public/app/css/dash-typo-pro.css
 * Synopsis: Typographie pro de l’écran dictée.
 * Objectif: Casse phrase, graisses douces, lecture calme.
 */

.dash .dash-label {
    color: color-mix(in srgb, var(--dash-muted) 72%, var(--dash-text));
    font-family: var(--body);
    font-size: .74rem;
    font-weight: 500;
    letter-spacing: .01em;
    margin: 0;
    opacity: 1;
    text-transform: none;
}

.dash .dash-kbd-pos__label,
.dash .dash-chars__label,
.dash .dash-clock--in .dash-clock__label {
    font-weight: 500;
    letter-spacing: .02em;
    text-transform: none;
}

.dash .dash-chars__label,
.dash .dash-clock--in .dash-clock__label {
    font-size: .58rem;
    opacity: .82;
}

.dash .dash-clock--in .dash-clock__time {
    font-weight: 400;
}

.dash .dash-reset--kbd {
    font-family: var(--body);
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .02em;
    text-indent: 0;
    text-transform: none;
}

.dash .dash-seg-btn,
.dash .dash-mode,
.dash .dash-act {
    font-family: var(--body);
    font-weight: 500;
}

.dash .dash-seg-btn[aria-pressed="true"],
.dash .dash-mode[aria-selected="true"] {
    font-weight: 500;
}

.dash .dash-kbd-tab,
.dash .dash-kbd-key {
    font-weight: 500;
}

.dash .dash-kbd-key--feat,
.dash .dash-panel--keyboard .dash-act--mark {
    font-weight: 600;
}

.dash .dash-kbd-mod {
    font-weight: 600;
}

.dash .dash-compose-ico,
.dash .dash-compose #stt-btn.dash-go--in {
    font-weight: 500;
}

.dash .dash-act--undo,
.dash .dash-act--redo,
.dash .dash-panel--keyboard .dash-act--erase,
.dash .dash-panel--keyboard .dash-reset--kbd {
    font-family: var(--body);
    font-weight: 500;
}

.dash .dash-status[data-kind="listening"] {
    font-weight: 500;
    letter-spacing: .01em;
}