/* Shared neutral text contrast for central and tenant screens. */
:root {
    --shoply-readable-text: #334155;
    --shoply-readable-muted: #526174;
    --bs-body-color: #334155;
    --bs-body-color-rgb: 51, 65, 85;
    --bs-secondary-color: #526174;
    --bs-secondary-color-rgb: 82, 97, 116;
    --text-muted: #526174;
    --shoply-muted: #526174;
}
.light-style body { color: var(--shoply-readable-text); }
.light-style h1, .light-style h2, .light-style h3,
.light-style h4, .light-style h5, .light-style h6 { color: #334155; }
.text-muted, .text-body-secondary, .form-text {
    color: var(--shoply-readable-muted) !important;
}
.form-label, .form-check-label, .form-control, .form-select, .input-group-text {
    color: var(--shoply-readable-text);
}
.text-body { color: var(--shoply-readable-text) !important; }
.form-control:focus, .form-select:focus { color: var(--shoply-readable-text); }
.form-control::placeholder, .form-select::placeholder {
    color: var(--shoply-readable-muted);
    opacity: 1;
}
.form-control:disabled, .form-control[readonly], .form-select:disabled {
    color: var(--shoply-readable-text);
    opacity: 1;
}
.light-style .table:not(.table-dark) {
    --bs-table-color: #334155;
    --bs-table-striped-color: #334155;
    --bs-table-hover-color: #334155;
    --bs-table-active-color: #334155;
    color: #334155;
}
.light-style .menu-vertical .menu-item:not(.active) > .menu-link,
.light-style .menu-header, .light-style .dropdown-item { color: #475569; }
/* Dark sections retain light secondary text; white cards restore dark text. */
.auth-visual, .wizard-sidebar, .product-preview, .bg-dark, .text-bg-dark,
[data-bs-theme="dark"], .dark {
    --shoply-readable-text: #e2e8f0;
    --shoply-readable-muted: #cbd5e1;
    --bs-secondary-color: #cbd5e1;
}
.footer-luxury {
    --shoply-readable-muted: var(--footer-text);
}
.card, .modal-content, .dropdown-menu, .preview-browser, .bg-white {
    --shoply-readable-text: #334155;
    --shoply-readable-muted: #526174;
}
@media (prefers-color-scheme: light) {
    .text-gray-400, .text-gray-500, .text-slate-400, .text-slate-500 {
        color: var(--shoply-readable-muted);
    }
}