/* === DEFAULT LIGHT THEME === */
:root {
    --bg: #ffffff;
    --text: #000000;
    --border: #d1d5db;
    --card: #f9fafb;
}

/* === GLOBAL === */
body {
    background-color: var(--bg) !important;
    color: var(--text) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* === TOP BAR === */
.topbar {
    background-color: var(--bg) !important;
    border-bottom: 1px solid var(--border);
}

.topbar-wrapper span {
    color: var(--text) !important;
    font-weight: 600;
}

/* === API BLOCKS === */
.opblock {
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 8px;
}

.opblock-summary {
    background: transparent !important;
}

/* REMOVE COLORS FROM METHODS */
.opblock.opblock-get,
.opblock.opblock-post,
.opblock.opblock-put,
.opblock.opblock-delete {
    border-left: 4px solid var(--text) !important;
}

/* === TEXT === */
.swagger-ui .opblock-summary-method {
    color: var(--text) !important;
    font-weight: bold;
}

.swagger-ui .opblock-summary-path {
    color: var(--text) !important;
}

/* === BUTTONS === */
.btn {
    background-color: transparent !important;
    color: var(--text) !important;
    border: 1px solid var(--border) !important;
}

.btn:hover {
    background-color: var(--text) !important;
    color: var(--bg) !important;
}

/* === INPUTS === */
input, textarea {
    background-color: var(--bg) !important;
    color: var(--text) !important;
    border: 1px solid var(--border) !important;
}

/* === TABLES === */
table {
    background-color: var(--card) !important;
}

/* CLEAN LOOK */
.swagger-ui .scheme-container {
    background: transparent !important;
    box-shadow: none !important;
}