// ============================================================
// POS Modern — Typography only (Fira Sans + Fira Code)
// Scoped under body.pos-modern
// ============================================================

@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap');

body.pos-modern {
  font-family: 'Fira Sans', 'Inter', system-ui, -apple-system, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  // Restore Font Awesome 6 icon fonts (short + long class names)
  .fa, .fas, .far, .fal, .fad, .fass,
  .fa-solid, .fa-regular, .fa-light, .fa-thin, .fa-duotone {
    font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free' !important;
  }
  .fab, .fa-brands {
    font-family: 'Font Awesome 6 Brands', 'Font Awesome 5 Brands' !important;
  }
  // Element UI icons
  [class*="el-icon-"] {
    font-family: 'element-icons' !important;
  }
  // Feather icons (Cuba theme)
  [data-feather], .feather {
    font-family: inherit;
  }
}