@import 'tailwindcss';

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

@theme {
    /* Custom Fonts */
    --font-display: 'Lexend', sans-serif;
    --font-sans: 'Lexend', 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';

    /* Custom Colors */
    --color-primary: #136dec;
    --color-primary-dark: #0e52b5;
    --color-background-light: #ffffff;
    --color-background-dark: #101822;
    --color-surface-light: #f6f7f8;
    --color-surface-dark: #1a2430;
}

/* Import Google Font */
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}