/**
 * Myngine typography layer — loaded after style.min.css
 * Safe overlay: fonts, smoothing, and type rhythm only (no layout/colors).
 */

:root {
  --body-font-family: "DM Sans", "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --body-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --ng-text-base: 15px;
  --ng-leading: 1.55;
  --ng-leading-tight: 1.35;
  --ng-tracking: -0.01em;
}

[dir="RTL"],
[dir="rtl"] {
  --body-font-family: "DM Sans", "Poppins", "Segoe UI", Tahoma, Arial, sans-serif;
}

body {
  font-family: var(--body-font-family);
  font-size: var(--ng-text-base);
  line-height: var(--ng-leading);
  letter-spacing: var(--ng-tracking);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1, "liga" 1;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 600;
  line-height: var(--ng-leading-tight);
  letter-spacing: -0.02em;
}

p,
.post-text,
.card-body,
.modal-body,
.form-text,
.text-muted {
  line-height: var(--ng-leading);
}

small,
.small,
.form-text {
  letter-spacing: 0;
}

button,
input,
optgroup,
select,
textarea,
.form-control,
.form-select,
.form-check-label,
.btn,
.dropdown-menu,
.dropdown-item,
.modal,
.modal-title,
.popover,
.toast,
.alert,
.badge,
.nav,
.navbar,
.card,
.list-group,
.list-group-item,
.table,
.pagination,
.page-link,
.main-header,
.main-side-nav,
.publisher,
.post-text,
.post-meta,
.chat-widget,
.sg-offcanvas-sidebar,
#zuck-modal,
.tagify,
.tagify__input,
.dataTables_wrapper,
.select2-container,
.note-editor,
.note-editable {
  font-family: inherit;
}

.input-money input {
  font-family: var(--body-font-family);
  font-weight: 500;
  letter-spacing: -0.02em;
}

.notfound h1,
.notfound h2 {
  font-family: var(--body-font-family);
}

.ql-editor,
.ql-editor.ql-blank::before {
  font-family: var(--body-font-family) !important;
}

pre,
code,
kbd,
samp {
  font-family: var(--body-font-family-mono);
  font-size: 0.92em;
}

.tooltip-inner {
  font-family: var(--body-font-family);
  line-height: 1.4;
}

#cc-main {
  font-family: var(--body-font-family) !important;
}