@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../../resources/views/**/*.blade.php';
@source '../../app/Livewire/**/*.php';

/* Font IBM Plex Sans (self-host, offline) — variabel 400–700 */
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('/fonts/ibm-plex-sans.woff2') format('woff2');
}

/* Elemen yang disembunyikan sampai Alpine siap */
[x-cloak] { display: none !important; }

@theme {
    --font-sans: 'IBM Plex Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI',
        Roboto, 'Helvetica Neue', Arial, sans-serif;

    /* Brand color — biru korporat PT TIP */
    --color-brand-50: #eef4ff;
    --color-brand-100: #dce6fd;
    --color-brand-200: #c0d3fc;
    --color-brand-300: #95b6f9;
    --color-brand-400: #6390f4;
    --color-brand-500: #3f6aee;
    --color-brand-600: #294be2;
    --color-brand-700: #2138cf;
    --color-brand-800: #2130a8;
    --color-brand-900: #202e85;
    --color-brand-950: #181f51;
}

/* Shimmer loading tabel (smooth) */
@keyframes table-shimmer {
    0% { background-position: -500px 0; }
    100% { background-position: 500px 0; }
}
.table-shimmer {
    background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 37%, #f1f5f9 63%);
    background-size: 1000px 100%;
    animation: table-shimmer 1.3s ease-in-out infinite;
}

/* Angka tabel rata kolom (tabular) — konsisten utk data numerik */
@layer base {
    th,
    td,
    .tabular-nums-any {
        font-variant-numeric: tabular-nums;
    }
}