/*
 * Scalar API Reference — Zint theme overrides.
 * Maps Scalar CSS variables to the same design tokens used in styles.css
 * and base_marketing.html (void, panel, electric, textMain, textMuted, etc.)
 */

.scalar-app {
    /* Fonts — same as base_marketing.html fontFamily config */
    --scalar-font: 'Inter', sans-serif !important;
    --scalar-font-code: 'JetBrains Mono', monospace !important;

    /* Backgrounds — void (#050505), panel (#121212) */
    --scalar-background-1: #050505 !important;
    --scalar-background-2: #121212 !important;
    --scalar-background-3: #1a1a1a !important;

    /* Text — textMain (#F3F4F6), textMuted (#9CA3AF) */
    --scalar-color-1: #F3F4F6 !important;
    --scalar-color-2: #9CA3AF !important;
    --scalar-color-3: #6B7280 !important;

    /* Accent — electric (#3B82F6) */
    --scalar-color-accent: #3B82F6 !important;

    /* Borders — borderSubtle */
    --scalar-border-color: rgba(255, 255, 255, 0.1) !important;

    /* Sidebar */
    --scalar-sidebar-background-1: #050505 !important;
    --scalar-sidebar-color-1: #F3F4F6 !important;
    --scalar-sidebar-color-2: #9CA3AF !important;
    --scalar-sidebar-color-active: #3B82F6 !important;
    --scalar-sidebar-border-color: rgba(255, 255, 255, 0.06) !important;

    /* Code blocks */
    --scalar-background-code: #0d0d0d !important;
    --scalar-color-code: #F3F4F6 !important;

    /* Buttons — electric / electricHover */
    --scalar-button-1: #3B82F6 !important;
    --scalar-button-1-hover: #2563EB !important;
    --scalar-button-1-color: #FFFFFF !important;
}

/* Hide "Powered by Scalar" + "Generate MCP" */
.scalar-api-reference footer,
.scalar-api-reference [class*="powered"],
.scalar-api-reference [class*="Powered"],
a[href*="scalar.com"],
button[class*="mcp" i],
[class*="generate-mcp" i],
[data-testid*="mcp" i] {
    display: none !important;
}