/* Global Cairo font for the dashboard (Admin + Distributor) */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&display=swap');

:root {
  --app-font-family: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif;
}

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

/* Ensure common UI elements inherit the Cairo font */
h1, h2, h3, h4, h5, h6,
p, label,
.btn, .form-control, .table,
.dropdown-item, .card, .nav-link,
.badge, .modal-title, .form-select,
.list-group-item, .pagination,
.alert, .breadcrumb, .toast {
  font-family: var(--app-font-family);
}

/* Do NOT override icon font-families (keep defaults from icons.css) */