swagger.css

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600&family=Inter:wght@400;500;600&family=JetBrains+Mono&display=swap');

body {
    background-color: #0A0A0B !important;
    font-family: 'Inter', sans-serif !important;
    color: #F5F5F5 !important;
}

.swagger-ui {
    font-family: 'Inter', sans-serif !important;
    color: #F5F5F5 !important;
}

.swagger-ui .topbar {
    background-color: #111112 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.swagger-ui .info h1, .swagger-ui .info h2, .swagger-ui .info h3, .swagger-ui .info h4, .swagger-ui .info h5 {
    font-family: 'Playfair Display', serif !important;
    color: #E2C28B !important;
}

.swagger-ui .info p {
    color: #8AA4C1 !important;
}

.swagger-ui .scheme-container {
    background-color: #0A0A0B !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.swagger-ui .opblock {
    background: rgba(17, 17, 18, 0.6) !important;
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    margin-bottom: 24px;
}

.swagger-ui .opblock .opblock-summary {
    border-color: rgba(255, 255, 255, 0.05) !important;
}

.swagger-ui .opblock .opblock-summary-method {
    background-color: #E2C28B !important;
    color: #000 !important;
    border-radius: 8px !important;
}

.swagger-ui .opblock.opblock-get .opblock-summary-method { background: #8AA4C1 !important; color: #111 !important; }
.swagger-ui .opblock.opblock-get { border-color: rgba(138, 164, 193, 0.3) !important; }

.swagger-ui .opblock.opblock-post .opblock-summary-method { background: #E2C28B !important; color: #111 !important; }
.swagger-ui .opblock.opblock-post { border-color: rgba(226, 194, 139, 0.3) !important; }

.swagger-ui section.models {
    background: rgba(17, 17, 18, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 16px !important;
}

.swagger-ui section.models h4 {
    color: #E2C28B !important;
    font-family: 'Playfair Display', serif !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.swagger-ui .model, .swagger-ui .model-title, .swagger-ui .prop-type, .swagger-ui .prop-format {
    color: #F5F5F5 !important;
    font-family: 'JetBrains Mono', monospace !important;
}

.swagger-ui table thead tr th {
    color: #8AA4C1 !important;
}

.swagger-ui .response-col_status, .swagger-ui .response-col_description {
    color: #F5F5F5 !important;
}

.swagger-ui .opblock-summary-path {
    color: #F5F5F5 !important;
    font-family: 'JetBrains Mono', monospace !important;
}
.swagger-ui .opblock-summary-description {
    color: #8AA4C1 !important;
}

.swagger-ui .btn {
    background: transparent !important;
    border: 1px solid #E2C28B !important;
    color: #E2C28B !important;
    border-radius: 8px !important;
    font-family: 'Inter', sans-serif !important;
}
.swagger-ui .btn:hover {
    background: rgba(226, 194, 139, 0.1) !important;
}
.swagger-ui .btn.execute {
    background: #E2C28B !important;
    color: #000 !important;
}
.swagger-ui .btn.execute:hover {
    filter: brightness(1.1);
}

.swagger-ui input, .swagger-ui textarea, .swagger-ui select {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #F5F5F5 !important;
    border-radius: 8px !important;
}

/* syntax highlighting in code blocks */
.swagger-ui .microlight {
    background: #0A0A0B !important;
    color: #F5F5F5 !important;
}

.swagger-ui svg {
    fill: #F5F5F5 !important;
}

/* parameter row styling */
.swagger-ui table.parameters tbody tr {
    color: #F5F5F5 !important;
}

.swagger-ui .opblock-description-wrapper p {
    color: #8AA4C1 !important;
}

.swagger-ui .responses-inner h4, .swagger-ui .responses-inner h5 {
    color: #E2C28B !important;
}