/* Shared typography for the existing SB Admin 2 interface. */
:root {
    --app-font-family: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --app-text-size: .875rem;
    --app-caption-size: .75rem;
    --app-title-size: 1.375rem;
}
body {
    font-family: var(--app-font-family);
    font-size: var(--app-text-size);
    line-height: 1.5;
    color: #5a5c69;
}
button, input, select, textarea { font-family: inherit; }
h1, .h1 { font-size: 1.75rem; }
h2, .h2 { font-size: 1.5rem; }
h3, .h3 { font-size: var(--app-title-size); }
h4, .h4 { font-size: 1.125rem; }
h5, .h5 { font-size: 1.0625rem; }
h6, .h6 { font-size: .9375rem; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.35;
    font-weight: 700;
}
small, .small, .text-xs { font-size: var(--app-caption-size); }
.card-header h6 { font-size: .9375rem; }
.card.border-left-primary .h5,
.card.border-left-warning .h5,
.card.border-left-danger .h5,
.card.border-left-success .h5 {
    font-size: 1.25rem;
    line-height: 1.4;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}
.card .text-xs.text-uppercase { letter-spacing: .035em; }
.form-control, .custom-select, .btn, .dropdown-menu,
.input-group-text, .table, .dataTables_wrapper {
    font-size: var(--app-text-size);
}
.form-control, .custom-select { line-height: 1.5; }
label { font-weight: 600; }
.form-control::placeholder { color: #858796; }
.form-text, .invalid-feedback, .valid-feedback {
    font-size: var(--app-caption-size);
    line-height: 1.5;
}
.btn { font-weight: 600; line-height: 1.5; }
.btn-sm, .btn-group-sm > .btn { font-size: .8125rem; }
.badge { font-size: var(--app-caption-size); font-weight: 600; line-height: 1.3; }
.table th, .table td { line-height: 1.5; }
.table th { font-size: var(--app-text-size); font-weight: 700; }
table.app-data-table tbody td { font-size: var(--app-text-size); line-height: 1.5; }
.dataTables_wrapper label { font-weight: 400; }
.modal-title { font-size: 1.0625rem; }
.toast { font-size: var(--app-text-size); }
.sidebar .nav-item .nav-link span { font-size: var(--app-text-size); }
.sidebar .sidebar-heading { font-size: .6875rem; letter-spacing: .06em; }
.topbar .nav-item .nav-link .small { font-size: var(--app-text-size); }
form.user .form-control-user,
form.user .btn-user { font-size: var(--app-text-size); }
@media (max-width: 767.98px) {
    /* Prevent mobile browsers from zooming when a field receives focus. */
    .form-control, .custom-select, form.user .form-control-user { font-size: 1rem; }
}