/*
 * Application-wide typography.
 * Loaded after Bootstrap/Font Awesome so Bootstrap's system-font defaults do
 * not replace the configured application font at desktop or mobile widths.
 */
:root {
    --application-font: "Inter", Arial, "Helvetica Neue", sans-serif;
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

html,
body,
button,
input,
select,
textarea,
optgroup,
option,
table,
th,
td,
label,
.navbar,
.nav-link,
.sidebar,
.offcanvas,
.dropdown-menu,
.modal,
.card,
.btn,
.form-control,
.form-select,
.input-group,
.pagination,
.tooltip,
.popover {
    font-family: var(--application-font);
}

/* Keep icon glyph fonts intact. */
.fa,
.fas,
.far,
.fal,
.fab,
.fa-solid,
.fa-regular,
.fa-light,
.fa-brands,
[class^="fa-"],
[class*=" fa-"],
.ion,
.ionicons,
[class^="ion-"],
[class*=" ion-"] {
    font-family: inherit;
}

.fa,
.fas,
.fa-solid {
    font-family: "Font Awesome 6 Free";
}

.far,
.fa-regular {
    font-family: "Font Awesome 6 Free";
}

.fab,
.fa-brands {
    font-family: "Font Awesome 6 Brands";
}

.ion,
.ionicons,
[class^="ion-"],
[class*=" ion-"] {
    font-family: "Ionicons";
}

/* Responsive breakpoints intentionally inherit the same application font. */
@media (max-width: 1199.98px) {
    html,
    body,
    button,
    input,
    select,
    textarea,
    table,
    .btn,
    .form-control,
    .form-select,
    .navbar,
    .sidebar,
    .offcanvas,
    .dropdown-menu,
    .modal,
    .card {
        font-family: var(--application-font);
    }
}

/* Do not override dedicated receipt/invoice typography during printing. */
@media print {
    .thermal-receipt,
    .receipt,
    .invoice-print,
    .print-layout,
    .print-container,
    .thermal-print {
        font-family: inherit;
    }
}