@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* @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;

.created {
    color: gray;
}

.submitted {
    color: blue;
}

.approved {
    color:green;
}

.rejected {
    color:brown;
}
.returned {
    color: rgb(128 202 238 / var(--tw-bg-opacity));
}

.discarded {
    color:crimson;
}