@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Plus+Jakarta+Sans:wght@600;700&display=swap");

:root {
    --font-title: "Plus Jakarta Sans", sans-serif;
    --font-ui: "Plus Jakarta Sans", sans-serif;
    --font-text: "Inter", sans-serif;
    --font-amount: "Inter", sans-serif;
}

html body {
    font-family: var(--font-text) !important;
    font-weight: 400;
}

html body h1,
html body .h1,
html body h2,
html body .h2,
html body h3,
html body .h3,
html body h4,
html body .h4,
html body h5,
html body .h5,
html body h6,
html body .h6,
html body .page-title,
html body .card-title,
html body .card-header h2,
html body .section-header h2,
html body .section-title,
html body .modal-title,
html body .pos-head h1 {
    font-family: var(--font-title) !important;
    font-weight: 700 !important;
}

html body button,
html body .btn,
html body .button,
html body [type="button"],
html body [type="submit"],
html body [type="reset"],
html body nav a,
html body .nav a,
html body .nav-item,
html body .nav-link,
html body .menu a,
html body .navigation a,
html body .navbar a,
html body .sidebar a,
html body .sidebar-nav a,
html body .bottom-nav a,
html body .header-menu a,
html body #siteNav a,
html body .lvl1 > a,
html body .menubar-item > a,
html body .wc-nav a,
html body .wc-meem-nav-menu a,
html body .wc-meem-action,
html body .wc-meem-action__label,
html body .aff-sidebar a,
html body .aff-nav a {
    font-family: var(--font-ui) !important;
    font-weight: 600 !important;
}

html body table,
html body thead,
html body tbody,
html body tfoot,
html body tr,
html body th,
html body td,
html body input,
html body select,
html body textarea,
html body .form-control,
html body .form-select {
    font-family: var(--font-text) !important;
    font-weight: 400 !important;
}

html body table button,
html body table .btn,
html body td button,
html body td .btn,
html body th button {
    font-family: var(--font-ui) !important;
    font-weight: 600 !important;
}

html body .sys-amount,
html body .wc-gallery-card__price,
html body .gos-kpi strong,
html body .gos-price-row strong,
html body .payment-detail-value,
html body .pos-pay strong,
html body .price,
html body .product-price,
html body .product__price,
html body .wc-price,
html body .money,
html body .amount,
html body .items td.num,
html body .pay td:last-child,
html body .totals td:last-child {
    font-family: var(--font-amount) !important;
    font-weight: 600 !important;
}

html body code,
html body pre,
html body kbd,
html body samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
}