@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: 'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
    --font-display: 'Manrope', 'Inter', sans-serif;

    --color-brand-navy: #142b4a;
    --color-brand-slate: #526579;
    --color-brand-primary: #1769aa;
    --color-brand-accent: #eaf4fb;
    --color-brand-border: #dce5ed;
}

/* Link with the original SPA design tokens */
:root {
    --primary-green: #1769AA;
    --accent-green: #0E5588;
    --primary-navy: #142B4A;
    --slate-blue: #526579;
}

/* Custom scrollbars */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #1769AA;
}

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