/* Custom header styling */
        header {
            background: linear-gradient(135deg, var(--color-text) 0%, var(--color-text) 100%);
            padding: var(--spacing-md) var(--spacing-lg);
            display: flex;
            align-items: center;
            justify-content: space-between;
            box-shadow: var(--shadow-button, 0 2px 10px rgba(0, 0, 0, 0.2));
        }

        .site-branding {
            display: flex;
            align-items: center;
            gap: var(--spacing-md);
        }

        .site-branding .site-icon {
            width: 40px;
            height: 40px;
            background: linear-gradient(135deg, var(--color-hero-gradient-start) 0%, var(--color-hero-gradient-end) 100%);
            border-radius: var(--border-radius-sm);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--color-white, #fff);
            font-size: var(--font-size-xl, 20px);
            font-weight: var(--font-weight-bold, 700);
        }

        .site-branding .site-title {
            font-size: var(--font-size-2xl, 22px);
            font-weight: var(--font-weight-bold, 700);
            color: var(--color-header-text, #ffffff);
            letter-spacing: 0.5px;
        }

        .site-branding .site-subtitle {
            font-size: var(--font-size-xs, 12px);
            color: var(--color-disabled);
            margin-top: 2px;
        }

        .api-badge {
            background: linear-gradient(135deg, var(--color-success) 0%, var(--color-success) 100%);
            color: var(--color-white, #fff);
            padding: var(--spacing-sm) 14px;
            border-radius: 20px;
            font-size: var(--font-size-xs, 12px);
            font-weight: var(--font-weight-semibold, 600);
            letter-spacing: 0.3px;
        }

        /* Hide the default swagger topbar branding */
        .swagger-ui .topbar {
            display: none;
        }