@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: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}

html {
    color-scheme: light;
}

html[data-theme='dark'] {
    color-scheme: dark;
}

body {
    transition: background-color 0.25s ease, color 0.25s ease;
}

html[data-theme='dark'] body {
    background-color: #0b1220 !important;
    color: #e2e8f0 !important;
}

html[data-theme='dark'] .bg-white,
html[data-theme='dark'] .bg-white\/95 {
    background-color: #0f172a !important;
}

html[data-theme='dark'] .bg-slate-50 {
    background-color: #111827 !important;
}

html[data-theme='dark'] .bg-slate-100 {
    background-color: #0b1220 !important;
}

html[data-theme='dark'] .bg-slate-200 {
    background-color: #1e293b !important;
}

html[data-theme='dark'] .border-slate-100,
html[data-theme='dark'] .border-slate-200,
html[data-theme='dark'] .border-slate-300 {
    border-color: #334155 !important;
}

html[data-theme='dark'] .text-slate-900 {
    color: #f1f5f9 !important;
}

html[data-theme='dark'] .text-slate-800 {
    color: #e2e8f0 !important;
}

html[data-theme='dark'] .text-slate-700 {
    color: #cbd5e1 !important;
}

html[data-theme='dark'] .text-slate-600,
html[data-theme='dark'] .text-slate-500 {
    color: #94a3b8 !important;
}

html[data-theme='dark'] .text-slate-400 {
    color: #64748b !important;
}

html[data-theme='dark'] .shadow-sm,
html[data-theme='dark'] .shadow,
html[data-theme='dark'] .shadow-lg,
html[data-theme='dark'] .shadow-xl {
    box-shadow: 0 10px 30px rgba(2, 6, 23, 0.45) !important;
}

html[data-theme='dark'] input,
html[data-theme='dark'] textarea,
html[data-theme='dark'] select {
    background-color: #0b1220 !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

html[data-theme='dark'] input::placeholder,
html[data-theme='dark'] textarea::placeholder {
    color: #64748b !important;
}

html[data-theme='dark'] .hover\:bg-slate-50:hover {
    background-color: #1e293b !important;
}

html[data-theme='dark'] .hover\:bg-slate-200:hover {
    background-color: #334155 !important;
}

html[data-theme='dark'] .content-hero {
    background-image: linear-gradient(to right, #111827, #0f172a) !important;
    border-color: #334155 !important;
}

html[data-theme='dark'] .content-hero-badge {
    background-color: #0b1220 !important;
    border-color: #334155 !important;
    color: #7dd3fc !important;
}