/* ARF — Custom overrides (Tailwind handles most styling) */

.nav-blur {
    background: rgba(11, 12, 16, 0.82);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.hero-gradient {
    background:
        radial-gradient(1200px 400px at 50% -50px, rgba(92, 200, 255, 0.18), transparent 60%),
        radial-gradient(800px 300px at 20% 20%, rgba(138, 230, 207, 0.14), transparent 60%);
}

.btn-gradient {
    background: linear-gradient(135deg, #5cc8ff, #8ae6cf);
}

.card-hover {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card-hover:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0b0c10; }
::-webkit-scrollbar-thumb { background: #23252c; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #3a3d47; }

/* Table styles */
.registry-table th {
    position: sticky;
    top: 0;
    z-index: 10;
}

/* Modal backdrop */
.modal-backdrop {
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
}

/* Status badges */
.badge-active { background: rgba(138, 230, 207, 0.15); color: #8ae6cf; }
.badge-deprecated { background: rgba(255, 193, 7, 0.15); color: #ffc107; }
.badge-removed { background: rgba(239, 68, 68, 0.15); color: #ef4444; }