@font-face {
    font-family: "MehradSans";
    src: url("../fonts/IRANSans.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

:root { --mehrad-font: "MehradSans", "Vazirmatn", "Segoe UI", Tahoma, Arial, sans-serif; }

html, body, button, input, select, textarea, option, label,
.btn, .form-control, .form-select, .dropdown-menu, .modal, .table,
.card, .alert, .badge, .navbar, .nav, .pagination {
    font-family: var(--mehrad-font) !important;
    font-variant-numeric: tabular-nums;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body { font-size: 14px; line-height: 1.75; letter-spacing: 0; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6, strong, th {
    font-family: var(--mehrad-font) !important;
    font-weight: 700;
    letter-spacing: -.012em;
}

input::placeholder, textarea::placeholder {
    font-family: var(--mehrad-font) !important;
    color: #98a2b3;
    opacity: 1;
}

button, .btn, input, select, textarea { font-size: .875rem; }

.fa, .fas, .far, .fal, .fat, .fad, .fab,
[class^="fa-"], [class*=" fa-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
}

@media (max-width: 720px) {
    body { font-size: 13.5px; }
    h1, .h1 { font-size: clamp(1.3rem, 6vw, 1.65rem); }
    h2, .h2 { font-size: clamp(1.1rem, 5vw, 1.35rem); }
    button, .btn, input, select, textarea { font-size: 16px; }
}