:root {
    --bs-body-color: var(--wth-text);
    --bs-secondary-color: var(--wth-muted);
}

/* Keep focus visible + on brand */
:focus-visible {
    outline: none;
    box-shadow: 0 0 0 .2rem rgba(74, 144, 226, 0.22);
}

.text-muted {
    /*color: var(--wth-muted) !important;*/
}

/* Optional: compact tables globally if you want */
.table-sm > :not(caption) > * > * {
    padding: .35rem .5rem;
}

.wos-content {
    max-width: 1600px;
    margin-inline: auto;
}


.form-control {
    color: var(--wth-surface-1) !important;
}

.form-select {
    color: var(--wth-surface-1) !important;
}

textarea.form-control {
    color: var(--wth-surface-1) !important;
    text-color: var(--wth-surface-1) !important;
}