@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
@import 'tailwindcss';

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

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

    --color-primary: #4342ff;
    --color-secondary-light: #f3f2f6;
    --color-secondary-neon: #ccff3e;
    --color-dark: #121212;
    --color-dark-surface: #1e1e1e;
}

body {
    font-family: 'Poppins', sans-serif;
    background-color: var(--color-secondary-light);
    color: var(--color-dark);
}