@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@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";
@source "../**/*.vue";

@theme {
    --font-sans: 'Manrope', ui-sans-serif, system-ui, sans-serif;
}

@layer components {
    .side-link {
        @apply block rounded-xl px-3 py-2 text-slate-300 transition hover:bg-white/10 hover:text-white;
    }
    .surface {
        @apply rounded-2xl border border-slate-200/70 bg-white shadow-sm;
    }
}