@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&display=swap');

.gradient-bg {
    background: linear-gradient(135deg, #4A00E0 0%, #8E2DE2 100%);
}

.code-block {
    background: #1e293b;
    border: 1px solid #334155;
}

.endpoint-card {
    transition: all 0.3s ease;
    border-left: 4px solid transparent;
}

.endpoint-card:hover {
    border-left-color: #4ADE80;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}

.method-get { @apply bg-green-900 text-green-400 border-green-700; }
.method-post { @apply bg-blue-900 text-blue-400 border-blue-700; }
.method-put { @apply bg-yellow-900 text-yellow-400 border-yellow-700; }
.method-delete { @apply bg-red-900 text-red-400 border-red-700; }

.status-online { @apply bg-green-500; }
.status-offline { @apply bg-red-500; }

.copy-btn {
    transition: all 0.2s ease;
}

.copy-btn:hover {
    background-color: #374151;
}