/* =====================================================================================
   Gym Keyper - one modern, standard typeface on every page (staff app, sign-in, member portal).
   Loaded by Views/Shared/_ThemeHead.cshtml. Inter (Google Fonts) with each device's own UI font
   as fallback, so text looks the same on Windows, Mac, Android and iPhone and still works offline.
   Only fonts change here - sizes, spacing and layouts stay as each page designed them.
   ===================================================================================== */
:root {
    --mg-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Noto Sans Bengali', Arial, sans-serif;
    --mg-font-mono: ui-monospace, 'SFMono-Regular', Menlo, Consolas, 'Liberation Mono', monospace;
}
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
    font-family: var(--mg-font);
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;
    font-feature-settings: 'cv11', 'ss01';   /* Inter: cleaner 1 / l / 0 */
}
/* Some pages had their own older fonts (Segoe UI, Arial, Sora ...): everything uses the same family now.
   Icon fonts, code and the RDLC/print templates are left alone. */
body *:not(i):not(code):not(pre):not(kbd):not(samp):not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not([class^="fa-"]):not([class*=" fa-"]):not(.mono):not(svg):not(svg *) {
    font-family: var(--mg-font) !important;
}
input, select, textarea, button { font-family: inherit; }
code, pre, kbd, samp, .mono { font-family: var(--mg-font-mono); }

/* headings: tighter, confident */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { letter-spacing: -.012em; }
/* numbers line up in tables, amounts and counters */
table, .table, [class*="amount"], [class*="due"], [class*="stat"], .badge { font-variant-numeric: tabular-nums; }
/* readable labels in table headers */
.table > thead th { letter-spacing: .02em; }