/* Hero particle canvas */
.dev-hero #heroParticles {
    pointer-events: none;
}
.dev-hero {
    isolation: isolate;
}

/* Code block base — texte clair sur fond sombre */
.bg-gray-900 pre code,
.bg-gray-900 pre {
    color: #e2e8f0; /* slate-200, bon contraste sur gray-900 */
}

/* Syntax highlighting pour les code blocks */
.code-keyword { color: #c084fc; } /* purple-400 */
.code-string { color: #86efac; } /* green-300, plus lumineux */
.code-number { color: #fdba74; } /* orange-300 */
.code-comment { color: #94a3b8; font-style: italic; } /* slate-400 */
.code-property { color: #93c5fd; } /* blue-300, plus lumineux */
.code-url { color: #7dd3fc; } /* sky-300, plus lumineux */

/* Badge POST method */
.method-post {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    background-color: #fff7ed;
    color: #c2410c;
    font-family: ui-monospace, monospace;
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: 0.25rem;
}

/* Badge GET method */
.method-get {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    background-color: #dcfce7;
    color: #166534;
    font-family: ui-monospace, monospace;
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: 0.25rem;
}

/* Badge scope */
.scope-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border: 1px solid #93c5fd;
    color: #2563eb;
    font-family: ui-monospace, monospace;
    font-size: 0.6875rem;
    border-radius: 0.25rem;
    background-color: #eff6ff;
}

/* Endpoint path */
.endpoint-path {
    font-family: ui-monospace, monospace;
    color: #1f2937;
    font-size: 0.875rem;
}

/* Copy button feedback */
.copy-feedback {
    opacity: 0;
    transition: opacity 0.2s ease;
}
.copy-feedback.visible {
    opacity: 1;
}