@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import 'tailwindcss';

/**
 * Import Filament's base styles.
 */
@import '../../vendor/filament/filament/resources/css/theme.css';

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

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
    --color-secondary-50: var(--secondary-50);
    --color-secondary-100: var(--secondary-100);
    --color-secondary-200: var(--secondary-200);
    --color-secondary-300: var(--secondary-300);
    --color-secondary-400: var(--secondary-400);
    --color-secondary-500: var(--secondary-500);
    --color-secondary-600: var(--secondary-600);
    --color-secondary-700: var(--secondary-700);
    --color-secondary-800: var(--secondary-800);
    --color-secondary-900: var(--secondary-900);
    --color-secondary-950: var(--secondary-950);
    --color-secondary: var(--secondary-500);
    --color-accent-50: var(--accent-50);
    --color-accent-100: var(--accent-100);
    --color-accent-200: var(--accent-200);
    --color-accent-300: var(--accent-300);
    --color-accent-400: var(--accent-400);
    --color-accent-500: var(--accent-500);
    --color-accent-600: var(--accent-600);
    --color-accent-700: var(--accent-700);
    --color-accent-800: var(--accent-800);
    --color-accent-900: var(--accent-900);
    --color-accent-950: var(--accent-950);
    --color-accent: var(--accent-500);
    --color-primary: var(--primary-500);
}

@tailwind utilities;

/**
 * Enable smooth scrolling for the entire application.
 */
html {
    scroll-behavior: smooth;
}

/**
 * Remove the default box-shadow for invalid elements to prevent
 * inputs in Livewire components showing with a
 * red border by default in Firefox.
 *
 * See: https://github.com/laravel-frontend-presets/tall/issues/7
 */
input:invalid,
textarea:invalid,
select:invalid {
    box-shadow: none;
}

/**
 * Filament styles.
 */


/**
 * Custom Styles.
 */

.fi-input-wrp,
.fi-input,
.fi-select,
.fi-input-wrp .fi-input,
.fi-select-input {
    @apply border border-slate-300 outline outline-slate-300 ring-slate-300 shadow-md dark:border-secondary-600 dark:ring-secondary-600 dark:outline-slate-600 rounded-md;
}

.fi-input-wrp:focus-within,
.fi-input:focus,
.fi-select:focus,
.fi-input-wrp .fi-input:focus,
.fi-select-input:focus {
    @apply border-primary-600 ring-2 ring-primary-600/20 dark:border-secondary-400 dark:ring-secondary-400/30 rounded-md;
}