@import url("https://fonts.googleapis.com/css2?family=Aref+Ruqaa+Ink:wght@400;700&family=Tajawal:wght@400;500;700;800;900&display=swap");

body {
    font-size: 17px;
}

html[dir="rtl"] body {
    font-family: "Tajawal", Manrope, sans-serif;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] .details-title,
html[dir="rtl"] .kanban-lane-title h2,
html[dir="rtl"] .calendar-toolbar h2,
html[dir="rtl"] .project-board-header h2,
html[dir="rtl"] .workflow-lane h2,
html[dir="rtl"] .org-team-builder h3 {
    font-family: "Aref Ruqaa Ink", "Tajawal", serif;
    letter-spacing: 0;
    line-height: 1.15;
}

html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] .page-nav-link,
html[dir="rtl"] .badge,
html[dir="rtl"] .small-button,
html[dir="rtl"] .filter-button,
html[dir="rtl"] .ghost-button,
html[dir="rtl"] .status-badge,
html[dir="rtl"] .mini-chip,
html[dir="rtl"] .workflow-chip {
    font-family: "Tajawal", Manrope, sans-serif;
    letter-spacing: 0;
}

.eyebrow,
.field-group label,
.task-modal .field-label,
.detail-chip span,
.calendar-weekdays,
.calendar-event-marker,
.status-button,
.status-badge,
.mini-chip,
.workflow-chip,
.project-summary-chip,
.project-metrics span,
.team-drawer-action,
.team-card-drawer[open] .team-drawer-action:before,
.task-count span:last-child {
    font-size: 0.88rem;
}

.team-project-line,
.project-linked-task span,
.task-mini-meta,
.task-notes,
.subtask-panel-head,
.subtask-list,
.form-message,
.auth-note,
.auth-switch,
.mobile-helper,
.team-card-drawer summary small,
.org-team-card small {
    font-size: 0.95rem;
    line-height: 1.45;
}

.page-nav-link,
.mobile-nav-toggle,
.language-toggle,
.filter-button,
.ghost-button,
.small-button,
.team-card-links .small-button {
    font-size: 1rem;
}

input,
select,
textarea,
button {
    font-size: 1rem;
}

@media (max-width: 760px) {
    body {
        font-size: 16.5px;
    }

    .page-nav-link,
    .mobile-nav-toggle,
    .language-toggle,
    .filter-button,
    .ghost-button,
    .small-button {
        font-size: 1rem;
    }
}