@import 'tailwindcss';

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

@theme {
    --color-bg: #0a0a0f;
    --color-s1: #111117;
    --color-s2: #16161e;
    --color-s3: #1c1c26;
    --color-b1: rgb(255 255 255 / 6%);
    --color-b2: rgb(255 255 255 / 10%);
    --color-t1: #f0f0f5;
    --color-t2: #8888a0;
    --color-t3: #44445a;
    --color-blue: #4f8ef7;
    --color-green: #3ecf8e;
    --color-amber: #f5a623;
    --color-red: #f05252;
    --font-mono: 'JetBrains Mono', monospace;
    --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

[data-theme="light"] {
    --color-bg: #ffffff;
    --color-s1: #ffffff;
    --color-s2: #f9fafb;
    --color-s3: #f3f4f6;
    --color-b1: #e5e7eb;
    --color-b2: #d1d5db;
    --color-t1: #111827;
    --color-t2: #6b7280;
    --color-t3: #9ca3af;
    --color-blue: #7c3aed;
    --color-green: #10b981;
    --color-amber: #f59e0b;
    --color-red: #ef4444;
}