@theme {
            --color-brand-50: #eef2ff;
            --color-brand-100: #e0e7ff;
            --color-brand-500: #6366f1;
            --color-brand-600: #4f46e5;
            --color-brand-700: #4338ca;
            --color-dark-900: #0f172a;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family:
                Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
                "Segoe UI", sans-serif;
        }

        .hero-grid {
            background-image:
                linear-gradient(rgba(99, 102, 241, 0.07) 1px, transparent 1px),
                linear-gradient(90deg, rgba(99, 102, 241, 0.07) 1px, transparent 1px);
            background-size: 34px 34px;
        }

        .tool-card {
            transition:
                transform 0.25s ease,
                box-shadow 0.25s ease,
                border-color 0.25s ease;
        }

        .tool-card:hover {
            transform: translateY(-5px);
        }

        .category-card {
            transition:
                transform 0.25s ease,
                box-shadow 0.25s ease;
        }

        .category-card:hover {
            transform: translateY(-4px);
        }

        .dropdown-menu.show {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }