@font-face {
  font-family: 'Figtree';
  src: url('/fonts/Figtree-Regular.woff2') format('woff2'),
       url('/fonts/Figtree-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Figtree';
  src: url('/fonts/Figtree-ExtraBold.woff2') format('woff2'),
       url('/fonts/Figtree-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Figtree';
  src: url('/fonts/Figtree-Medium.woff2') format('woff2'),
       url('/fonts/Figtree-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Figtree';
  src: url('/fonts/Figrtree-BlackItalic.woff2') format('woff2'),
       url('/fonts/Figtree-BlackItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Figtree';
  src: url('/fonts/Figtree-ExtraBoldItalic.woff2') format('woff2'),
       url('/fonts/Figtree-ExtraBoldItalic.woff') format('woff');
  font-weight: 800;
  font-style: italic;
}

/* Apply globally - Force Figtree everywhere */
* {
  font-family: 'Figtree', sans-serif !important;
}

body {
  font-family: 'Figtree', sans-serif !important;
}

/* Ensure all text elements use Figtree */
h1, h2, h3, h4, h5, h6, p, span, div, a, button, input, textarea, select, label, li, td, th {
  font-family: 'Figtree', sans-serif !important;
}