@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/inter/Inter-400.ttf') format('truetype'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/inter/Inter-500.ttf') format('truetype'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/inter/Inter-600.ttf') format('truetype'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/inter/Inter-700.ttf') format('truetype'); }

/* 14px at the standard browser size; rem-based typography scales together. */
:root { font-size: 87.5%; --font-family-sans-serif: "Inter", Arial, sans-serif; }
body, input, button, select, textarea, .form-control, .custom-select,
.tooltip, .popover { font-family: "Inter", Arial, sans-serif !important; }