@import 'tailwindcss';
@plugin 'tailwindcss-animate';

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

@theme {
    --color-primary-50: #f0fdf4;
    --color-primary-100: #dcfce7;
    --color-primary-500: #22c55e;
    --color-primary-600: #16a34a;
    --color-primary-700: #15803d;
    --color-primary-800: #166534;
    --color-primary-900: #14532d;
    --color-secondary-50: #eff6ff;
    --color-secondary-100: #dbeafe;
    --color-secondary-500: #3b82f6;
    --color-secondary-600: #2563eb;
    --color-secondary-900: #1e3a8a;
    --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
    --font-heading: 'Outfit', ui-sans-serif, system-ui, sans-serif;
}

@layer base {
    body {
        @apply bg-slate-50 text-slate-900 antialiased selection:bg-primary-100 selection:text-primary-900;
        @apply dark:bg-slate-950 dark:text-slate-100 dark:selection:bg-primary-900 dark:selection:text-primary-100;
    }
}