@import "tailwindcss" source(none);

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../views/auth/**/*.blade.php';
@source '../views/components/**/*.blade.php';
@source '../views/layouts/**/*.blade.php';
@source '../views/profile/**/*.blade.php';
@source '../views/users/**/*.blade.php';
@source '../views/welcome.blade.php';
@source '../**/*.js';


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


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

/* Smooth transitions for theme changes */
html,
body {
    @apply transition-colors duration-200;
}

/* Custom font weights in your CSS */
@layer base {
    body {
        font-family: 'Roboto', ui-sans-serif, system-ui, sans-serif;
        font-weight: 600;
        /* equivalent to font-semibold */
    }
}