:root{
    --app-font: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    --bs-body-font-family: var(--app-font);
  }
  
  /* Page typography */
  html, body{
    font-family: var(--app-font) !important;
  }
  
  /* Common UI blocks (do NOT include i, .fa, .bi to avoid breaking icons) */
  body, .wrapper, .main-panel, .sidebar, .navbar, .dropdown-menu, .modal-content,
  .card, .table, .breadcrumb, .pagination, .alert, .badge, .toast,
  .page-inner, .content, .container, .row, .col,
  h1,h2,h3,h4,h5,h6,p,span,div,a,li,td,th,label,small,strong,em{
    font-family: var(--app-font) !important;
  }
  
  /* Form controls */
  input, textarea, select, button,
  .form-control, .form-select, .form-label, .btn, .input-group, .form-check-label{
    font-family: var(--app-font) !important;
  }
  
  /* DataTables */
  .dataTables_wrapper,
  .dataTables_wrapper input,
  .dataTables_wrapper select,
  .dataTables_info,
  .dataTables_paginate,
  .dt-button{
    font-family: var(--app-font) !important;
  }
  
  /* SweetAlert (your plugin) */
  .swal-modal, .swal-title, .swal-text, .swal-button{
    font-family: var(--app-font) !important;
  }
  
  /* FullCalendar */
  .fc, .fc *{
    font-family: var(--app-font) !important;
  }
  
  /* Flatpickr */
  .flatpickr-calendar, .flatpickr-calendar *{
    font-family: var(--app-font) !important;
  }