/**
 * Cairo — Arabic UI font for Ramom dashboard / admin panel
 */
:root {
	--ramom-font-family: 'Cairo', 'IBM Plex Sans Arabic', Tahoma, Arial, sans-serif;
}

html,
body {
	font-family: var(--ramom-font-family);
}

html[dir="rtl"],
html[dir="rtl"] body {
	font-family: var(--ramom-font-family) !important;
}

h1, h2, h3, h4, h5, h6,
p, a, li, span, label, small, strong,
input, textarea, select, button,
.btn, .form-control, .control-label,
.navbar, .sidebar-left, .nav-main,
.panel, .panel-title, .panel-heading, .panel-body,
.table, .table th, .table td,
.nav-tabs, .tab-content, .dropdown-menu,
.modal, .alert, .breadcrumb,
.sec-title, .main-heading1, .main-heading2, .main-heading3,
.select2-container, .pagination,
.dashboard-page, .widget-summary, .widget-summary *,
body.frontend-rtl, body.arabic-ui {
	font-family: var(--ramom-font-family);
}