@import 'tailwindcss';

[x-cloak] { display: none !important; }

@variant dark (&:where(.dark, .dark *));

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

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}

/* FilePond Dark Mode */
.dark .filepond--root .filepond--drop-label {
    color: #d1d5db;
}
.dark .filepond--panel-root {
    background-color: #1f2937;
    border-color: #374151;
}
.dark .filepond--file-info,
.dark .filepond--file-status {
    color: #d1d5db;
}
.dark .filepond--file-wrapper {
    background-color: #111827;
}
.dark .filepond--file {
    background-color: #1f2937;
}

/* Make dark mode content follow sidebar color */
.dark body,
.dark .flex.h-screen,
.dark .relative.flex-col.flex-1,
.dark main {
    background-color: var(--sidebar-bg-dark, #0f172a);
}

/* Missing dark utility classes */
.dark .dark\:bg-error-500\/10 { background-color: color-mix(in oklab, #f04438 10%, transparent); }
.dark .dark\:bg-error-500\/15 { background-color: color-mix(in oklab, #f04438 15%, transparent); }
.dark .dark\:bg-error-500\/20 { background-color: color-mix(in oklab, #f04438 20%, transparent); }
.dark .dark\:bg-brand-500\/10 { background-color: color-mix(in oklab, #465fff 10%, transparent); }
.dark .dark\:bg-brand-500\/12 { background-color: color-mix(in oklab, #465fff 12%, transparent); }
.dark .dark\:bg-brand-500\/15 { background-color: color-mix(in oklab, #465fff 15%, transparent); }
.dark .dark\:bg-success-500\/10 { background-color: color-mix(in oklab, #12b76a 10%, transparent); }
.dark .dark\:bg-success-500\/15 { background-color: color-mix(in oklab, #12b76a 15%, transparent); }
.dark .dark\:bg-warning-500\/10 { background-color: color-mix(in oklab, #f79009 10%, transparent); }
.dark .dark\:bg-warning-500\/15 { background-color: color-mix(in oklab, #f79009 15%, transparent); }
.dark .dark\:border-error-500\/30 { border-color: color-mix(in oklab, #f04438 30%, transparent); }
.dark .dark\:border-success-500\/30 { border-color: color-mix(in oklab, #12b76a 30%, transparent); }
.dark .dark\:border-warning-500\/30 { border-color: color-mix(in oklab, #f79009 30%, transparent); }
.dark .dark\:border-brand-500\/30 { border-color: color-mix(in oklab, #465fff 30%, transparent); }
.dark .dark\:hover\:bg-error-500\/20:hover { background-color: color-mix(in oklab, #f04438 20%, transparent); }