/*
 * Text that can be read (critique 2026-10-18, run 3: "contrast and small text").
 *
 * The light theme writes its secondary text in Slate #7081b9: 3.8:1 on white and
 * 3.5:1 on a table head, under the 4.5:1 WCAG AA asks of 13px text -- the
 * breadcrumb, every hint under a field, the placeholders, the outline buttons.
 * Its success green #22b783 carries white text at 2.6:1 ("Gata de vanzare") and
 * reads at 2.1:1 as text on its own soft fill. And a badge is 0.75em of whatever
 * holds it, so in a tab label or a small line it fell to 9.75px and 8.5px.
 *
 * The same hues one step darker, not new colours (DESIGN.md: Slate, Success):
 *   Slate text    #5b6ba6  4.7:1 on a table head, 5.1:1 on white
 *   Success fill  #148055  4.9:1 under white text
 *   Success text  #0f6e4c  5.2:1 on the soft success fill, 6.3:1 on white
 * Borders, rules and fills stay as they were: only what is read changes. A badge
 * is never smaller than DESIGN.md's 11.25px.
 *
 * Loaded for the light theme only (partials/head-css.html): the dark theme has
 * its own greys. The compiled theme files are not edited (DESIGN.md); a theme
 * rule marked !important is beaten only by another one, so those are too.
 */
.text-muted,
.form-text,
.footer {
    color: #5b6ba6 !important;
}

.breadcrumb {
    --bs-breadcrumb-item-active-color: #5b6ba6;
    --bs-breadcrumb-divider-color: #5b6ba6;
}

.form-control::placeholder,
.form-select::placeholder,
.tabulator .tabulator-header-filter input::placeholder {
    color: #5b6ba6;
}

.btn-outline-secondary {
    --bs-btn-color: #5b6ba6;
    --bs-btn-hover-bg: #5b6ba6;
    --bs-btn-hover-border-color: #5b6ba6;
    --bs-btn-active-bg: #5b6ba6;
    --bs-btn-active-border-color: #5b6ba6;
    --bs-btn-disabled-color: #5b6ba6;
}

.btn-success {
    --bs-btn-bg: #148055;
    --bs-btn-border-color: #148055;
    --bs-btn-hover-bg: #0f6e4c;
    --bs-btn-hover-border-color: #0f6e4c;
    --bs-btn-active-bg: #0f6e4c;
    --bs-btn-active-border-color: #0f6e4c;
    --bs-btn-disabled-bg: #148055;
    --bs-btn-disabled-border-color: #148055;
}

.badge.bg-success {
    background-color: #148055 !important;
}

.text-success {
    color: #0f6e4c !important;
}

.badge {
    --bs-badge-font-size: max(0.75em, 11.25px);
    line-height: 1.1;
}