@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import 'primeicons/primeicons.css';
/* @import 'datatables.net-dt';  */
@layer base {
    @font-face {
      font-family: 'Khmer OS Battambang';
      src: url('@/assets/fonts/Khmer-OS-Battambang-Regular.ttf') format('ttf'), url('@/assets/fonts/Khmer-OS-Battambang-Regular.ttf')
          format('ttf');
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
        font-family: 'Khmer OS Muol';
        src: url('@/assets/fonts/Khmer-OS-Muol-Regular.ttf') format('ttf'), url('@/assets/fonts/Khmer-OS-Muol-Regular.ttf')
            format('ttf');
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: 'Khmer OS Siemreap';
        src: url('@/assets/fonts/Khmer OS Siemreap Regular.ttf') format('ttf'), url('@/assets/fonts/Khmer OS Siemreap Regular.ttf')
            format('ttf');
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: 'Khmer OS Fasthand';
        src: url('@/assets/fonts/Khmer OS Fasthand Regular.ttf') format('ttf'), url('@/assets/fonts/Khmer OS Fasthand Regular.ttf')
            format('ttf');
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: 'Tacteing';
        src: url('@/assets/fonts/Tacteing.TTF') format('ttf'), url('@/assets/fonts/Tacteing.TTF')
            format('ttf');
        font-weight: 400;
        font-style: normal;
    }
}

@tailwind base;
@tailwind components;
@tailwind utilities;

.apexcharts-legend-text, .apexcharts-text, .apexcharts-xaxistooltip, .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title  {
    font-family: 'Khmer OS Siemreap' !important;
}