:root {
    --arar-font-sans: "Open Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --arar-font-plate: Arial, "Segoe UI", sans-serif;
    --arar-font-size-base: 14px;
    --arar-line-height: 1.5;
    --arar-letter-spacing: 0.01em;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

body,
.page-wrapper,
button,
input,
select,
textarea,
optgroup,
.form-control,
.form-select,
.btn,
.modal-content,
.table,
.navbar,
.nav-link,
.dropdown-menu,
.card,
.badge,
label,
h1, h2, h3, h4, h5, h6,
.swal2-popup,
.arar-loader-card {
    font-family: var(--arar-font-sans);
}

body {
    font-size: var(--arar-font-size-base);
    line-height: var(--arar-line-height);
    letter-spacing: var(--arar-letter-spacing);
}

html.board-html-page body.board-body-page,
html.ayarlar-html-page body.ayarlar-body-page {
    font-family: var(--arar-font-sans);
}

.plate,
.sira-picker-modal .plate {
    font-family: var(--arar-font-plate);
}

.board-page .card-title,
.board-topbar-date .board-date-text,
.board-live-clock,
.footer-brand-name,
.ayarlar-header,
.ayarlar-toolbar,
.ayarlar-tabs .nav-link,
.sistem-ayarlar-panel h3,
.fiyat-ayarlar-panel h3,
.kasa-modal-header .modal-title,
.not-detay-modal-header .modal-title {
    font-family: var(--arar-font-sans);
    letter-spacing: 0.015em;
}

.extre-document {
    font-family: var(--arar-font-sans);
}